构建html 一键自动化压缩 css js images 支持ES6模块化。减少前端开发重复劳动(不依赖webpack,和gulp)完全利用npmscript,
如果业务中遇到一些项目 你不想用webpack或gulp这种重型工具
那请download本项目
优点:支持 css js images一键压缩 支持ES6模块化
步骤
按名称保存本页的文件
1 npm install
2 npm run dev 开发
3 npm run build 打包
这里简要说明一下
package.json非常熟悉就是一些经常用的依赖
postcss.config.js 这个文件是postcss默认的config文件功能是压缩src/css文件夹下所有的css打包进dist
create.js 它的作用是初始化并创建dist和src两个文件夹 和里面的一些初始化文件
jsmini.js 它的作用是压缩src/js里所有的js打包进dist
.babelrc 它的作用是编译ES6
rollup.config.dev.js 它的作用是支持ES6的模块化打包
默认你的工作区的js入口是src/js/main.js 会被打包成src/js/bundle.js.
也就是说你在main.js里所import的模块 最终都被打进bundle.js,所以页面的引用入口文件是bundle.js.,实际编码文件main.js
如果要在页面啊引入npm安装的包 ,
例如jquery 请在rollup.config.dev.js这样添加external: ['$',path.resolve( './node_modules/jquery' ),'_',path.resolve('./node_modules/underscore')] ，然后在js里就可以import $ from 'jquery'了