Webpack Webpack实践配置

1 实践

1.1 初始化项目

• mkdir myproject && cd myproject && npm init -y

1.2 安装webpack

• 安装命令默认安装版本5
  • npm install -D webpack webpack-cli
• 指定版本
  • npm install -D webpack@4 webpack-cli

1.3 创建入口文件

• myproject/src/index.js

1.4 执行打包（指定mode)

• webpack ./src/index.js --output-path ./dist --mode=development

2 webpack配置文件

2.1 配置文件是用来简化命令行选项的

• 配置前：webpack ./src/index.js --output-path ./dist --mode=development
• 配置后：webpack

2.2 配置文件名称是webpack.config.js

• webpack.config.js是以CommonJS规范进行组织的。

2.3 配置详情

• https://www.webpackjs.com/configuration/