Vue-Cli在index.html中进行环境判断

最新推荐文章于 2023-10-12 16:53:05 发布

小火车况且况且

最新推荐文章于 2023-10-12 16:53:05 发布

阅读量909

点赞数

分类专栏： Vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_43972992/article/details/128467914

版权

Vue 专栏收录该内容

78 篇文章 3 订阅

订阅专栏

`Vue-Cli`在`index.html`中进行环境判断

主要是使用<% %> 语法进行判断

<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
<!-- 开发环境 -->
<% if(process.env.NODE_ENV === 'development'){ %>
  <script src="//unpkg.com/vue@3"></script>
<% } else if(process.env.NODE_ENV === 'production'){ %>
  <script src="//unpkg.com/element-plus"></script>
<% } else { %>
  <script src="//cdn.jsdelivr.net/npm/element-plus"></script>
<% } %>
<title>这是测试</title>

# start 这是正常的if判断
<% if(process.env.NODE_ENV === 'development'){ %>
<% } %>
# end 这是正常的if判断


# start 标准的if else
<% if(process.env.NODE_ENV === 'development'){ %>
<% } else { %>
<% } %>
# end 标准的if else


# start 标准的 if else if
<% if(process.env.NODE_ENV === 'development'){ %>
<% } else if(process.env.NODE_ENV === 'production'){ %>
<% } %>
# end 标准的 if else if