之前学习的内容都是在开发模式下如何配置webpack，这节来认真盘一盘生产模式下如何调配webpack。

1.什么是生产模式？

生产模式是开发完成代码后，我们需要得到代码将来部署上线。

这个模式下我们主要对代码进行优化，让其运行性能更好。

优化主要从两个角度出发:

1. 优化代码运行性能
2. 优化代码打包速度

2.生产模式准备

首先要在根目录下创建文件夹config，里面有两份配置文件，分别对应着开发模式（development）和生产模式（production）：

• webpack.dev.js 开发模式配置
• webpack.prod.js 生产模式配置

两份配置大部分内容一样，但也有细微区别：

首先在开发模式中，可以将输出路径设为 undefined，不需要将代码真的打包出来，而是让其在内存当中完成编译即可，更加灵活

在生产模式的配置文件中，需要将最后的模式修改

3.配置运行指令

我们可以在package.json文件里面配置开发模式、生产模式的指令

// package.json
{
  // 其他省略
  "scripts": {
    "start": "npm run dev",
    "dev": "npx webpack serve --config ./config/webpack.dev.js",
    "build": "npx webpack --config ./config/webpack.prod.js"
  }
}

以后启动指令：

• 开发模式：npm start 或 npm run dev
• 生产模式：npm run build