proj-make v1.2.10
#Proj-make ##usage
Для начала установите proj-make:
npm i --save-dev proj-make
В папке проекта создайте две папки: "src" и "dist". В этой же папке создайте файл "project.js". В папке scr будет исходник проекта, а в папке dist -- уже упакованая его версия. Для примера в папке src создайте файл "style.styl" . В нём напишите следующие:
div
color red
В "project.js" напишите вот это:
let Pack = require('proj-make').Pack;
let pack = new Pack('./src', './dist');
pack.use('proj-make_stylus', 'proj-make_postcss');
pack.add.file('style.styl', 'style.css', [
['proj-make_stylus',{}],
['proj-make_postcss',{ plugins: ['autoprefixer', 'cssnano'] }]
]);
pack.pack()
В командной строке введите следующие:
npm i --save-dev proj-make_stylus proj-make_postcss autoprefixer cssnano
node project
После этого в папке dist у вас должен появиться сжатый 'index.css' файл.
Cписок всех модулей:
- proj-make_stylus
- proj-make_pug
- proj-make_html-minifier
- proj-make_postcss
- proj-make_babel
- proj-make_uglify-js
- proj-make_browserify
#documentation
class Pack
new Proj.Pack(src , dist)
- src -- Папка с исходниками
- dist -- Папка , в которую будет помещаться результат
let Proj = require("proj-make")
let pack = new Proj.Pack("./src" , "./dist")
pack.use(...modules)
Указывает на используемые модули
pack.use("proj-make_stylus", "proj-make_pug");
pack.add.file(from , to , handlers , type="text")
Добавляет файл в сборку
- from -- путь к исходнику (относительно src)
- to -- путь к обработаному файлу (относительно dist)
- handlers -- Масив с модулями , которые будут обрабатывать файл
- type -- Тип файла. На данный момент не рекомендуется ничего указывать в данном параметре
pack.add.file('index.pug', 'index.html' , [
["proj-make_pug", {}]
])
pack.add.dir(from , to , handlers , type="text")
Добавляет файлы из директории в сборку
- from -- путь к папке (относительно src)
- to -- строка в формате
'somedir/${basename}.${extname}'
. - handlers -- Масив с модулями , которые будут обрабатывать файл
- type -- Тип файлов. На данный момент не рекомендуется ничего указывать в данном параметре
pack.add.dir('styl', 'css/${basename}.css' , [
["proj-make_stylus", {}]
])
В параметре to , используя ${} , можно указывать параметры:
- filename -- имя файла
- basename -- часть имени файла перед точкой
- extname -- часть имени файла после точки
pack.add.shablon(from , to , handlers , type="text")
Добавляет файлы по glob-шаблону
- from -- glob-шаблон
- to -- путь в формате
'somedir/${basename}.${extname}'
. - handlers -- Масив с модулями , которые будут обрабатывать файл
- type -- Тип файлов. На данный момент не рекомендуется ничего указывать в данном параметре
pack.add.shablon('styl/*.styl', 'css/${basename}.css' , [
["proj-make_stylus", {}]
])
В параметре to , используя ${} , можно указывать параметры:
- filename -- имя файла
- basename -- часть имени файла перед точкой
- extname -- часть имени файла после точки
pack.pack()
Собирает сборку)))
pack.auto()
Автоматически собирает изменённый файл. Находится в тестировании, так что есть вероятность, что у вас этот метод будет работать не корректно
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago