《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

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

《webpack》常用命令

上一篇:20210408web前端


下一篇:P4400 [JSOI2008]Blue Mary的旅行