webpack点滴记录

有了webpack。。（不借助gulp/grunt）代码压缩 图片base64，解析less/sass coffee css压缩，MD5加密都帮你做了。。还支持按需加载。。还有热替换

---

 

webpack常用命令：

构建命令，webpack的常用参数

$ webpack --config webpack.min.js //另一份配置文件

$ webpack --display-error-details //显示异常信息

$ webpack --watch //监听变动并自动打包

$ webpack -p //压缩混淆脚本，这个非常非常重要！

$ webpack -d //生成map映射文件，告知哪些模块被最终打包到哪里了

 

---

 

Webpack 本身只能处理 JavaScript 模块，如果要处理其他类型的文件，就需要使用 loader 进行转换。

打包css 加上-loader，像这样 'style-loader!css-loader'

 

---

npm prune -x  这个命令要和package.json文件路径下运行，将会移除package.json中没有列举的node_modules的包，如果是生产环境中或者加--production，将会移除devDependencies里面的包，用于清理多余的包资源。

npm ls --depth=0 列出当前目录安装模块