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