vue项目添加自定义配置项

Love The Way You Lie 2022-10-02 02:52 164阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

config/prod.env.js

"use strict";
    
    module.exports = {
        NODE_ENV: '"production"',
        TITLE: '"运维系统"',
        WWW_URL: '"http://www.abc.com"',
        BASE_URL: '"http://api.abc.com/msweb"',
        UPLOAD_URL: '"http://api.abc.com/upload"',
    };

config/dev.env.js

"use strict";
    
    const merge = require("webpack-merge");
    const prodEnv = require("./prod.env");
    
    module.exports = merge(prodEnv, {
        NODE_ENV: '"development"',
        BASE_URL: '"http://api.abc.com/dev/msweb"'
    });

build/build.js

process.env.NODE_ENV = "production";
    
    const env = process.argv.splice(2)[0] || "prod";
    if (env == "dev") {
        process.env.NODE_ENV = 'development';
    }
    
    ......
    
    
    const spinner = ora("building for " + process.env.NODE_ENV + "...");

build/webpack.prod.conf.js

const env = process.env.NODE_ENV == "production"
            ? require("../config/prod.env")
            : require("../config/dev.env");

完成以上文件代码修改后，执行命令：

发布production包：npm run build

发布development包：npm run build dev

转载于:https://my.oschina.net/qiongtaoli/blog/3010630

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220113/53bf30149aec4292bd221ad6290fbec8.png

发表评论取消回复

表情：

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

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

相关阅读

相关 zabbix添加自定义监控项

zabbix添加自定义监控项通过编写脚本来获取tcp的各种状态，添加tcp状态模板，触发器，图形，完整实现通过脚本自定义监控的整体流程一、agent端配置 ...

矫情吗；*/ 2024年04月17日 18:22/ 0 赞/ 80 阅读

相关 Vue-cli 自定义配置

1.在项目的跟目录创建文件 vue.config.js 2.在该文件中进行相关配置，从而覆盖默认配置 // vue.config.js module

短命女/ 2023年01月04日 11:57/ 0 赞/ 120 阅读

相关 Vue项目自定义配置端口

默认vue的项目是8080端口，可以在`vue.config.js`中配置，如果没有就在项目根目录创建一个 > 还有很多其他选项，具体可以看webpack的文档，这里省略一下

古城微笑少年丶/ 2022年12月30日 13:39/ 0 赞/ 368 阅读

相关 [Vue]Vue项目引入自定义字体

字体准备：去谷歌字体网下载想要的字体文件：（http://www.googlefonts.cn/）其实也可以不下载直接引入，但是最好是下载下来后期部署到自己的静态

柔光的暖阳◎/ 2022年12月03日 02:22/ 0 赞/ 419 阅读

相关 vue项目添加自定义配置项

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] config/prod.env.js "use

Love The Way You Lie/ 2022年10月02日 02:52/ 0 赞/ 165 阅读

相关 zabbix自定义监控项

1、自定义监控项当zabbix自带的监控项已经不满足我们需要的时候，我们就需要自己定义监控项来满足我们的需求了。比如我们需要监控关于httpd的进程数。

谁践踏了优雅/ 2022年06月12日 12:54/ 0 赞/ 252 阅读

相关 Idea 项sout一样添加自定义快捷输入

前言：将工具使用好，会使我们的工作事半功倍。其实，实际工作中我们所使用的工具，都包含了大量的使用功能，而我们只使用最基本的就驻足了，不求进取。 idea 添

约定不等于承诺〃/ 2022年06月12日 09:15/ 0 赞/ 256 阅读

相关 angularJS自定义指令各配置项详解

指令详解一个指令的定义应当是如下这个样子： code： angular.module('myApp', []) .directive(

小鱼儿/ 2022年05月25日 00:44/ 0 赞/ 263 阅读

相关添加自定义监控项及设置邮件告警

1.添加自定义监控项目 Zabbix可以添加自定义监控项目，比如，监控Web服务器80端口的并发连接数，并设置图形。在zabbix-agent端编辑自定义脚本；

素颜马尾好姑娘i/ 2022年05月20日 02:11/ 0 赞/ 257 阅读

相关 springboot如何读取自定义配置项

我们springboot项目有自己默认的配置文件，一般地由application.yml和bootstrap.yml组成，前者是模块的配置，后者是微服务的配置，后台比前者先被框

爱被打了一巴掌/ 2022年01月14日 07:21/ 0 赞/ 258 阅读