npm run build 打包爬坑记（2）生产、测试打包

最新推荐文章于 2025-07-11 14:06:50 发布

原创

最新推荐文章于 2025-07-11 14:06:50 发布 · 5.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue2.x #vue区分正式测试环境 #build #dev

本文详细记录了在Vue2.x项目中如何通过npm run build进行生产与测试环境的打包，包括如何在package.json中配置命令，config文件中的环境区分，以及如何根据环境切换API域名。同时，讨论了如何处理前端内嵌页和手机站的打包策略，通过不同的打包命令创建不同的首页入口，以适应不同的项目需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

随着新功能、新需求的开发，每次打包都能遇到新的问题
比如说这个上线了一版本就不能随便改动了，所以要在线下来一版，线下开发时有时候需要链接正式数据、有时候需要测试数据，所以要分线下测试正式，好吧，晕了，简单点，没有什么是图表解释不了的，请看图表：
在这里插入图片描述

首先部署是要后台部署，我们用的Xshell 4,这里是后台写的部署，我们只需要按照后台部署好的，让后台区分一下git支线和打包命令就可以
然后看我们代码，终端运行代码在package.json中更改，这个简单把现有的dev和build拷贝，然后换命令即可。

	"scripts": {
   
   
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "devtest": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "e2e": "node test/e2e/runner.js",
    "test": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "build": "node build/build.js",
    "buildtest": "node build/build.js"
  },