gbuilder
v0.1.50
Published
based on gulp ,easy to use
Downloads
8
Readme
作用
用gulp实现webpac的部分功能,gulp的底层、webpack的方便易用两不误
* 通过配置gbuilder.config.js文件实现任务的编译、执行
##GITHUB源码地址: https://github.com/happyhour7/gbuilder.git
##基本说明: gbuilder最简单的地方在于:如果有人配置好了环境后,自己只需要安装gbuilder、配置好的gbuilder.config.js以及执行npm install即可。就算没有配置好,也不需要自己写gulp.task,gulp.watch之类的大量重复代码,也不用手动require各种gulp支持包。
##静态资源项目初始化:jbuilder.config.js、package.json,初始化的package.json中包含了尽量多的支持不同开发技术的与处理器
$ gbuilder :init
$ npm run win-setup[linux-setup]
##gbuilder.config.js配置文件
"use strict";
var localPath = process.cwd(); //当前路径
var buildPath = ""; //静态文件输出目录
var buildPathCss="";
var gBuilderConfig = {
tasks: {
"main-js": {
modules: [{ path: "./js/home/login.jsx"[, name: "main"] }, { path: "./js/home/login.jsx", name: "findPwd" }],//不加name配置意为将文件直接打包,不需要require模块名即可使用
buildTo: buildPath,
exportFileName: "index.js",
compress: false,
loaders: ["js", "react"]
},
"cssTaskName":{
modules: ['./stylus/usercenternew.styl'], //css文件集
type:"stylus", //文件类型支持:stylus,css,postcss,less
buildTo: buildPathCss, //编译到的路径
compress: false, //是否压缩
loaders: ["css","autoprefixer","rucksack"] //postcss,processers
}
},
watches: {
"main-watch": [
{src: ['./js/home/*.js', './js/home/**/*.js'],task: "main-js"}
]
}
};
module.exports = gBuilderConfig;
安装
将developerjs安装到本地计算机
$ npm install -g gbuilder
重新编译
gbuilder采用es6编写,使用babel进行编译
```bash
$ npm run build
```
关于css预编译
目前支持的语法:stylus、less、css
目前支持的postcss插件:autoprefixer、rucksack、precss
###0.1.25版本无法支持postcss插件配置,会在后续版本中体现。
更新记录
2016-12-19 0.1.18版本:实现单一js编译任务、js的watcher任务配置;
2016-12-19 0.1.19版本:前版基础上更新了readme文件;
2016-12-19 0.1.25版本:前版基础上增加了css预编译功能,支持stylus,css,postcss,less;
2016-12-19 0.1.33版本:前版基础上解决了windows平台上路径错误问题;
2016-12-19 0.1.34版本:前版基础上解决了precss编译bug;
2016-12-19 0.1.36版本:前版基础上解决了配置文件配置错误;
2017-1-3 0.1.48版本:前版基础上增加了支持直接压缩文件名而不加模块名的打包方式
2017-1-4 0.1.49版本:前版基础上删除了对iview组件对依赖,所有iview组件放到前端项目中处理
2017-1-4 0.1.50版本:前版基础上增加了stone开发模式,(vue+angularjs1.0的各种抄袭简化)😄
License
[BSD]快快来贡献😄(LICENSE)