该篇主要记一下Webpack的心得,会根据认知的进度更新。一开始Webpack的入门,推荐摸索一遍这篇中文指南;另外,我又看到了这一篇《webpack入门,看这篇就够了》,再进一步认识了webpack。

常用命令

1
2
3
4
5
6
7
8
9
webpack  //最基本的启动webpack命令
webpack -w //提供watch方法,实时进行打包更新
webpack -p //对打包后的文件进行压缩
webpack -d //提供SourceMaps,方便调试
webpack --colors //输出结果带彩色,比如:会用红色显示耗时较长的步骤
webpack --profile //输出性能数据,可以看到每一步的耗时
webpack --display-modules // 默认情况下 node_modules 下的模块会被隐藏,加上这个参数可以显示这些被隐藏的模块

npm run build -- --colors //通过向命令和参数之间添加两个中横线,可以将自定义参数传递给webpack

ExtractTextWebpackPlugin

https://doc.webpack-china.org/plugins/extract-text-webpack-plugin/