webpack基础(七)——区分环境

最新推荐文章于 2024-04-14 17:34:14 发布

卖菜的小白

最新推荐文章于 2024-04-14 17:34:14 发布

阅读量1.2k

点赞数

分类专栏： webpack 文章标签： webpack javascript 前端

本文链接：https://blog.csdn.net/weixin_47450807/article/details/122747830

版权

本文介绍了如何在Webpack中区分开发和生产环境。通过设置不同配置文件，如公共配置、生产环境配置和开发环境配置，以及利用merge包合并这些配置，实现按需加载不同环境的依赖。

摘要由CSDN通过智能技术生成

我们在开发过程中，存在两个环境，一个是开发环境development，一个是运行环境production。但是我们在不同的环境中所需要的依赖都是不一样的。我们可以单独设置一个文件夹config，并且在其中包含三个文件，一个是webpack.comm.config.js：表示webpack配置的公共文件，webpack.prod.config.js：表示的是生产环境下的文件，webpack.dev.config.js：表示在开发环境下的文件。

//在json中的代码
  "scripts": {
   
    "build": "webpack --config ./config/webpack.prod.config.js",
    "serve": "webpack --config ./config/webpack.dev.config.js"
  },