vue相关配置文件详解及多环境配置

最新推荐文章于 2024-08-30 17:04:02 发布

赵雷舅舅

最新推荐文章于 2024-08-30 17:04:02 发布

阅读量490

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/weixin_42380440/article/details/107352193

版权

本文详细介绍了Vue项目的配置文件，包括package.json的作用及其参数说明，重点解析了vue.config.js的配置内容，并详细阐述了如何进行多环境配置，如开发、测试和生产环境的.env文件设定，以及在main.js中配置接口地址。此外，还说明了通过修改package.json的scripts指令来切换不同环境，并提供了npm命令示例。

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

1.package.json

作用：
package.json 文件其实就是对项目或者模块包的描述，里面包含许多元信息。比如项目名称，项目版本，项目执行入口文件，项目贡献者等等。npm install 命令会根据这个文件下载所有依赖模块。

文件结构如下：

{
      
  "name": "sop-vue",
  "version": "0.1.0",
  "author": "zhangsan <zhangsan@163.com>",
  "description": "sop-vue",
  "keywords":["node.js","javascript"],
  "private": true,
  "bugs":{
      "url":"http://path/to/bug","email":"bug@example.com"},
  "contributors":[{
      "name":"李四","email":"lisi@example.com"}],
  "repository": {
      
                                         "type": "git",
                                         "url": "https://path/to/url"
                    },
  "homepage": "http://github.com/style.css",
  "license":"MIT",
  "dependencies": {
      
  "bd-font-icons": "^1.1.3",
  "core-js": "^3.6.4",
  "echarts": "^4.7.0",
  "element-ui": "^2.13.1",
  "v-charts": "^1.19.0",
  "vue": "^2.6.11",
  "vue-router": "^3.1.6",
  "vuex": "^3.1.3"
},
  "devDependencies": {
      
  "@vue/cli-plugin-babel": "^4.3.0",
  "@vue/cli-plugin-eslint": "^4.3.0",
  "@vue/cli-plugin-router": "^4.3.0",
  "@vue/cli-plugin-unit-mocha": "^4.3.0",
  "@vue/cli-plugin-vuex": "^4.3.0",
  "@vue/cli-service": "^4.3.0",
  "@vue/test-utils": "1.0.0-beta.31",
  "babel-core": "^6.26.3",
  "babel-eslint": "^10.1.0",
  "babel-loader": "^7.1.5",
  "babel-preset-env": "^1.7.0",
  "chai": "^4.1.2",
  "eslint": "^6.7.2",
  "eslint-plugin-vue":