《webpack》常用命令

转：

初始化webpack项目，重新生成新的node modules

 $ npm i

全局进行安装webpack（熟手不建议）

$ npm install webpack -g

查看wepback版本信息 相当有用

$ npm info webpack

卸载wepback

$ npm uninstall webpack

安装指定版本 #＝小老鼠

$ npm install webpack#1.31.x --save-dev

下载webpack插件到node_modules 并在package.json文件中加上webpack的配置内容

$ npm install webpack --save-dev

初始化默认的package.json文件

$ npm init -y

安装loader并将该loader配置到package.json文件中

$ npm install {whatever}-loader --save-dev

自动监控文件的改变

$ webpack --watch

打包时显示隐藏的模块

$ webpack --display-modules

打包时显示chunks

$ webpack--display-chunks

显示异常信息

$ webpack --display-error-details

提供watch方法，实时进行打包更新

$ webpack -w

压缩混淆脚本，这个非常非常重要！

$ webpack -p

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

$ webpack -d

显示结果带彩色，比如：会用红色显示耗时较长的步骤

$ webpack --colors

显示性能数据，可以看到每一步的耗时

$ webpack --profile

如果还有更多其他觉得重要的命令，百友们可以留言补充，我会慢慢补充并吸收进字典中来。