webpack4

Posted 2021-03-17 wxid_m2pywu7fxu1f

webpack4

#查看webpack版本
1.npm info webpack
2.webpack -v
如果没有出现，npm install --global webpack-cli，因为
注意:webpack 4x以上，webpack将命令相关的内容都放到了webpack-cli，所以还需要安装webpack-cli；
之后再webpack -v
//========================
#webpack4开始

安装 
npm install webpack-cli -g

基本使用
webpack输入文件.js 输出文件.js

打包命令
webpack index.js -o output_test.js // 生产环境
webpack --mode development index.js -o output_test_d.js // 开发环境


#蛋：

--save   <=> -S     
--save-dev  <=> -D 

2、npm i --save-dev  <packname>  

      工程构建（开发时、“打包”时）依赖 ；例：xxx-cli , less-loader , babel-loader...
3、npm i --save <packname> 

      项目（运行时、发布到生产环境时）依赖；例：antd , element,react...

 

end.