npm webpack工具 (监听压缩等)
2017-06-28 10:28
190 查看
压缩、监听变动自动打包,:开发后,js编译压缩及样式去空格等
$ webpack --config XXX.js //url使用另一份配置文件(比如webpack.config2.js)来打包 $ webpack --watch //监听变动并自动打包 $ webpack -p //压缩混淆脚本,这个非常非常非常有用! $ webpack -d //生成map映射文件,告知哪些模块被最终打包到哪里了
新手参考:http://www.w2bc. com/Article/50764
监听模式:在开发环境中时,不想每次都编译,可启用监听模式。
开启监听模式后,没有变化的模块会在编译后缓存到内存中,而不会每次都被重新编译,所以监听模式的整体速度是很快的。
# 安装 cnpm install webpack-dev-server -g # 运行 webpack-dev-server --progress --colors
在浏览器打开 http://localhost:8080/
新手参考:http://www.runoob.com/w3cnote/webpack-tutorial.html
.
相关文章推荐
- 从Npm Script到Webpack,6种常见的前端构建工具对比
- 深入浅出的webpack构建工具---ParallelUglifyPlugin优化压缩(十)
- vue-cli npm run build空白页的两个坑 webpack gzip文件压缩优化打包文件
- 从Npm Script到Webpack,6种常见的前端构建工具对比
- ASPWebPack在线压缩,算是比较有用的工具
- npm + webpack +react
- webpack -p压缩打包react报语法错误处理
- 前端模块化工具-webpack
- 前端工程工具(Gulp、Browerify、Webpack、Bower、Yeoman)
- 移动端web开发调试工具weinre npm安装方法
- Scss开发临时学习过程||webpack、npm、gulp配置
- Gulp和webpack的区别,是一种工具吗?
- web开发人员应该知道的10个优秀的在线图像压缩和优化工具
- webpack 模块加载兼打包工具——入门或进阶
- 工具学习——webpack 项目打包
- webpack 前端加载工具 让 浏览器端 javascript 执行 CommonJS规范
- react及webpack相关注意点,小工具
- web前端开发必备压缩工具整理
- web前端开发必备压缩工具整理
- webpack npm 介绍和使用