安装

webpack-cli 是使用 webpack 的命令行工具，在 4.x 版本之后不再作为 webpack 的依赖了，我们使用时需要单独安装这个工具

npm install webpack webpack-cli -D
# 或者
yarn add webpack webpack-cli -D

构建

构建命令写到 package.json 的 scripts

  "scripts": {
    "build": "webpack"
  },

配置文件

项目的根目录下创建一个「webpack.config.js」的文件

const path = require('path')
module.exports = {
  mode: 'development', // 指定构建模式
  entry: './src/index.js', // 指定构建入口文件
  output: {
    path: path.resolve(__dirname, 'dist'), // 指定构建生成文件所在路径
    filename: 'bundle.js', // 指定构建生成的文件名
  }
}