json为全局变量 vue_vue package.json设置全局变量

首先安装 cross-env

npm i cross-env -S

package.json

"scripts": {

"buildProd": "cross-env BASE_URL=http://xxxx node build/build.js",

"buildTest": "cross-env BASE_URL=http://xxxxxxx node build/build.js",

"startTest": "cross-env BASE_URL=http://xxxxxxx webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",

"start": "npm run dev",

"build": "node build/build.js"

build/webpack.dev.conf.js和build/webpack.prod.conf.js做相应的修改

切记在dev.env.js和prod.env.js里面不要加BASE_URL哦,否则会被覆盖

webpack.dev.conf.js

new webpack.DefinePlugin({

'process.env': require('../config/dev.env'),

'process.env.BASE_URL': JSON.stringify(process.env.BASE_URL)

}),

webpack.prod.conf.js

new webpack.DefinePlugin({

'process.env': env,

'process.env.BUILD_ENV': JSON.stringify(process.env.BASE_URL)

})

运行package.json里面相应的命令,项目中打印 console.log(process.env.BASE_URL)

就可以取到对应的接口了

json为全局变量 vue_vue package.json设置全局变量相关推荐

npm使用入门(package.json)
npm使用入门 crazygit 关注 2017.03.10 18:31 字数 1773 阅读 1617评论 0喜欢 10 NPM是什么 npm npm makes it easy for JavaS ...
npm 与 package.json 快速入门
摘自 https://blog.csdn.net/u011240877/article/details/76582670#什么是-npm npm 是前端开发广泛使用的包管理工具,之前使用 Weex ...
Error：npm WARN enoent ENOENT: no such file or directory, open ‘C:\Users\XX\package.json‘son‘
Error:npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\XX\package.json'son' 报错如下解决 ...
npm和package.json那些不为常人所知的小秘密
此文已由作者黄锴授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 强大的命令功能如果你没使用过script,那你可算是从来没手动编辑过package.json.script作 ...
有没有办法从nodejs代码中的package.json获取版本？
本文翻译自:Is there a way to get version from package.json in nodejs code? Is there a way to get the vers ...
package.json在Node JS应用程序中的重要性
Before starting Node JS applications development, we should learn some basics and importance of pack ...
npm 与 package.json 快速入门教程
npm 是前端开发广泛使用的包管理工具,之前使用 Weex 时看了阮一峰前辈的文章了解了一些,这次结合官方文章总结一下,加深下理解吧! 读完本文你将了解: 什么是 npm? 安装 npm 更新 npm ...
package.json文件详解
目录前言一.package.json 文件作用二.package.json 文件创建三.package.json 文件示例四.package.json 文件配置说明前言随着前端由多页面到 ...
模块加载及第三方包：Node.js模块化开发、系统模块、第三方模块、package.json文件、Node.js中模块的加载机制、开发环境与生产环境、cookie与session
1.Node.js模块化开发 1.1 JavaScript开发弊端 JavaScript 在使用时存在两大问题,文件依赖和命名冲突. 1.2 软件中的模块化开发一个功能就是一个模块,多个模块可以组成 ...

json为全局变量 vue_vue package.json设置全局变量

json为全局变量 vue_vue package.json设置全局变量相关推荐

最新文章

热门文章