配置vue环境

谁借莪１个温暖的怀抱￠ 2023-06-24 04:47 17阅读 0赞

**在config文件新建自己所需的环境（例：test测试环境，peod正式环境）**

*  新建test.env.js和prod.env.js

'use strict'
    module.exports = {
       NODE_ENV: '"testing"',
       BASE_API: '"https://test.com"',//自己配置的域名或者其他可以放这里
       REAL_NAME: '"test"'//环境名称，可随意更改
    }

'use strict'
    module.exports = {
      NODE_ENV: '"production"',
      BASE_API: '"https://prod.com"',//自己配置的域名或者其他可以放这里
      REAL_NAME: '"prod"',//环境名称，可随意更改
    }

*  修改build/build 14行的代码为

const spinner = ora("building for " + process.env.env_config)
    spinner.start()

*  修改build/webpack.prod.conf.js  14行代码为

// const env = require('../config/prod.env')
    const env = require("../config/" + process.env.env_config + ".env")

*  修改package.json  下的scripts    主要是修改了打包方式

这里需要安装cross-env来配合，npm install --save-dev cross-env

"scripts": {
        "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",
        "start": "npm run dev",
        "build:dev": "cross-env NODE_ENV=production env_config=dev node build/build.js",
        "build:test": "cross-env NODE_ENV=production env_config=test node build/build.js",
        "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js"
      },

*  最后怎么打包都可以了 比如打生产包：npm run build:prod

发表评论取消回复

表情：

评论列表（有 0 条评论，17人围观）

还没有评论，来说两句吧...

相关阅读

相关 vscode配置vue环境

、安装VSCode、NodeJS VSCode：https://code.visualstudio.com/ NodeJS：https://nodejs.org/e...

超、凢脫俗/ 2024年04月17日 05:26/ 0 赞/ 83 阅读

相关 HBuilder配置vue编译环境

Hbuider下载地址：http://www.dcloud.io/hbuilderx.html （1）创建vue项目，npm run build ![在这里插入图片描述

以你之姓@/ 2023年07月25日 06:25/ 0 赞/ 16 阅读

相关配置vue环境

在config文件新建自己所需的环境（例：test测试环境，peod正式环境）新建test.env.js和prod.env.js 'use strict'

谁借莪１个温暖的怀抱￠/ 2023年06月24日 04:47/ 0 赞/ 18 阅读

相关 Mac配置VUE开发环境

1、安装Homebrew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Hom

男娘i/ 2023年02月21日 06:10/ 0 赞/ 20 阅读

相关前端-VUE(环境配置)

前端.VUE.前端学习起步.环境配置 0. 目录 1. VUE 1.1 环境配置 1.1.0 目录+介绍

今天药忘吃喽~/ 2022年12月19日 09:27/ 0 赞/ 216 阅读

相关 Vue项目多环境配置

新建2个配置文件 ![20201006180446218.png][] 内容 ![20201006180510756.png][]![20201006180617499

ゝ一纸荒年。/ 2022年12月12日 04:59/ 0 赞/ 174 阅读

相关 Vue环境安装配置

> <table> > <tbody> > <tr> > <td><strong><a href="https://libusi.blog.csdn.net/

柔情只为你懂/ 2022年11月27日 03:25/ 0 赞/ 314 阅读

相关 vue 配置生产环境开发环境

prod API\_ROOT: ‘“生产环境”’ 'use strict' module.exports = { NODE_E

深藏阁楼爱情的钟/ 2022年11月24日 14:26/ 0 赞/ 219 阅读

相关 vscode配置vue环境

这篇博客这是让vue的代码可以在vscode中有代码高亮和vue代码提示, vue的安装在官网[vue下载][vue] 有开发版和生产版,官网给了具体的介绍选择安

柔光的暖阳◎/ 2022年11月20日 08:09/ 0 赞/ 195 阅读

相关 VUE项目配置——环境篇

准备 SSH Git Webstorm（or 其他编辑器） npm node.js gitHub新建一个demo项目以上软件默认安装 vue环境配置打开Git GU...

灰太狼/ 2021年03月23日 14:08/ 0 赞/ 621 阅读