<
meta
charset
=
"
utf-8
"
/>
<
meta
http-equiv
=
"
X-UA-Compatible
"
content
=
"
IE=edge
"
/>
<
meta
name
=
"
viewport
"
content
=
"
width=device-width,initial-scale=1.0
"
/>
<
meta
name
=
"
keywords
"
content
=
"
"
/>
<
meta
name
=
"
description
"
content
=
"
"
/>
<
link
rel
=
"
icon
"
href
=
"
<%= BASE_URL %>favicon.ico
"
/>
<
title
>
<%= htmlWebpackPlugin.options.title %>
</
title
>
<% if (process.env.NODE_ENV === 'production' ) { %>
<
script
>
window
.
test
=
"xxxx"
;
</
script
>
<% } %>
</
head
>
<
noscript
>
<
strong
>
We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.
</
strong
>
</
noscript
>
<
div
id
=
"
app
"
>
</
div
>
</
body
>
</
html
>
<% if (process.env.NODE_ENV === 'production' ) { %>
//这里写需要的代码
<% } %>
vue index.html根据环境变量加载不同js及如何使用全局变量
vue中静态html使用loash template使用全局变量
// An highlighted block
<% if (process.env.NODE_ENV === 'production' ) { %>
<!-- 内网地图 -->
<script src="1.js" ></script>
<% } %>
<% if (process.env.NODE_EN
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-
偶然的你(function() { var jssrc = '' if(ua.match(/MicroMessenger/i)=="micromessenger"){ jssrc='xxx/a.js' } else { jssrc =...
在vue文件中可以直接用 process.env.VUE_APP_xxx 获取到 自定义环境变量，
但是在index.html中只能使用<%= VUE_APP_xxx %> 字符串获取到，之前看到网上说的直接写在html中直接写：如下图，但是内部也获取不到环境变量process
<% if (process.env.VUE_APP_environment === 'production' ) { %>
<script>
// js 代码
项目中使用了公司定义的统一头部文件，需要引入header.js和header.css。负责人希望各个环境引入各自的js和css。
当时第一反应是process，但是在index.html里打印报错，所以最初是根据域名去判断，然后动态修改src和href值。感觉很麻烦。
翻阅cli官方文档后看到了这样一段话。
遂使用了一下，发现是可以的，具体写法如下：
.env.xxx环境文件中定义变量...
<% if(process.env.NODE_ENV !== "development"){%>
<script async src="https://map.sgcc.com.cn/api/epgis-js-1.5.0.min.js"></script>
Vue环境变量和模式我最开始使用vue的判断环境的方法是let BASE_URL = process.env.NODE_ENV == "development" ? "http:/localhost" : "xxx"在这种情况下，需要先判断它的编译环境，进而根据环境适用对应的值。如果只有一个地方的变量跟环境有关，情况还好。但是若有多个，则需要复制多个判断或者封装成一个方法。但也只能使用于两个环境，...
1，判断样例
（1）有时我们需要在代码中判断目前项目是处于开发环境、还是生产环境，然后根据不同环境执行不同的逻辑代码。下面是一个简单的样例：
if (process.env.NODE_ENV === "development") {
alert("开发环境");
}else {
alert("生产环境");
（2）如果在开发环境（执行 npm run dev 的时候），则显示如下结果：
（3）如果在生产环境（执行 npm run build 的时候），则显示如下结果：
2，判断原理
development(开发环境) 模式用于 vue-cli-service serve
test(测试) 模式用于 vue-cli-service test:unit
production(生产环境) 模式用于 vue-cli-service build 和 vu
