vue中给package.json配置开发、测试、生产环境

益达木咸醇

于 2022-05-25 20:12:42 发布

阅读量2k

点赞数 2

分类专栏：初始化项目前端 webpack 文章标签： vue.js javascript webpack

本文链接：https://blog.youkuaiyun.com/weixin_45766506/article/details/124954603

版权

前端同时被 3 个专栏收录

31 篇文章

订阅专栏

初始化项目

4 篇文章

订阅专栏

webpack

3 篇文章

订阅专栏

本文介绍如何使用@vue/cli脚手架搭建Vue项目，并通过修改package.json文件中的scripts配置实现不同环境的部署。同时，介绍了如何设置环境变量文件以区分开发、测试及生产环境。

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

1、用@vue/cli脚手架搭建的项目初始化后应该是这样的：

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

2、配置后：

"scripts": {
		"serve": "vue-cli-service serve --mode development",
		"build": "vue-cli-service build --mode production",
		"build:test": "vue-cli-service build --mode testing",
	},

3、在根目录下（与package.json同级目录）创建三个文件来标识三个环境对应的变量：
.env.development、.env.production、.env.testing
在文件中可以写上对应环境的变量值，默认有一个NODE_ENV变量，值为环境名：development、production、testing