01webpack前言
1.全局安装
npm install webpack -g
npm install webpack-cli -g
2.生成package.json
npm init
3.局部安装
npm install webpack -S
npm install webpack-cli -S
4.打包命令：webpack
默认入口entry：src/index.js
默认出口output：dis/main.js
- 默认打包走生产环境（压缩后的代码） webpack --mode production
- 打包改成开发环境（未压缩的代码） webpack --mode development
02webpack配置
webpack本身是打包js的，但是想要打包html，css，图片，怎么办？必须要进行相关的配置
配置webpack的四个核心概念
- 入口entry
- 输出output
- loader：webpack只支持js，不支持css，图片...要想webpack支持使用loader
- plugins：有效的打包或压缩html，css，js，图片
配置文件命名：webpack.config.js
网友评论