- 安装 webpack 开发依赖包
运行 npm i -D webpack webpack-cli 命令,安装 webpack 相关的包
npm i -D webpack webpack-cli
- 创建 webcpack 配置文件
在项目根目录中,创建名为 webpack.config.js 的 webpack 配置文件
- 编辑 webpack 配置文件
在 webpack 的配置文件中,初始化如下基本配置:
module.exports = {
// mode 用来指定构建模式
mode: 'development' // development production
}
- 添加 webpack 命令配置
在 package.json 配置文件中的 scripts 节点下,新增 dev 脚本如下:
"dev": "webpack"