美文网首页程序员
vue-cli 的环境配置

vue-cli 的环境配置

作者: Amy24 | 来源:发表于2020-06-13 17:23 被阅读0次

vue-cli 的环境配置

环境文件:

.env                # 在所有的环境中被载入
.env.[mode]         # 只在指定的模式中被载入

.env.local          # 在所有的环境中被载入,但会被 git 忽略
.env.[mode].local   # 只在指定的模式中被载入,但会被 git 忽略

指定模式:

一般会指定这三种
.env.development
.env.production
.env.test

"scripts": {

        "serve": "vue-cli-service serve", // 默认加载development模式,自动加载 .env.development 文件构建应用

    "build": "vue-cli-service build", // 默认加载production模式,自动加载 .env.production 文件构建应用

    "test": "vue-cli-service serve --mode test", // 加载test模式,加载 .env.test 文件构建应用

    "lint": "vue-cli-service lint"

  }

例子:以staging模式为例

.env.staging 文件:

NODE_ENV=production
VUE_APP_TITLE=My App (staging)

vue-cli-service build --mode staging 会在 staging 模式下加载可能存在的 .env.env.staging.env.staging.local 文件,然后根据 NODE_ENV配置构建出 生产环境 应用。

相关文章

  • 前端实践VUE

    1:环境搭建 首先我们需要配置下环境,安装node.js,可以方便编译vue文件,配置vue-cli,配置淘宝镜像...

  • vue-cli 多环境配置

    vue-cli 多环境配置 打包命令--mode xxx 用来区别是环境image 基本配置项目根目录下创建 .e...

  • Vue + better-scroll 实现移动端字母索引导航

    效果图: 配置环境 因为用到的是 vue-cli 和 better-scroll,所以首先要安装 vue-cli,...

  • vue-cli 的环境配置

    vue-cli 的环境配置 环境文件: 指定模式: 例子:以staging模式为例 .env.staging 文件...

  • Vue

    vue-cli启动项目 vue项目文件介绍 build:webpack配置 config:环境变量的配置 stat...

  • 2018-12-16

    一. 环境配置 全局安装 vue-cli: 二. 初始化项目 这里使用官方的 vue-cli 初始化一个 Vue ...

  • vue-cli环境配置

    最近又重新搭建环境,又漏掉了一些。。。。想想还是记下来吧。1.搭建node环境2.安装淘宝镜像 3.全局安装web...

  • 2018-10-10

    环境配置全局安装 vue-cli: 初始化项目这里使用官方的 vue-cli 初始化一个 Vue 项目vue-cl...

  • 2018-12-06

    1. 环境配置 全局安装 vue-cli: 2. 初始化项目 这里使用官方的 vue-cli 初始化一个 Vue ...

  • Vue项目配置

    vue-cli配置、网络请求配置、移动端配置 # vue-cli配置:vue.config.js配置文件 配置文件...

网友评论

    本文标题:vue-cli 的环境配置

    本文链接:https://www.haomeiwen.com/subject/qslztktx.html