Js中＜%=%＞作用

<% %>称为脚本片段，可以包含任何符合语法的Java代码，可以同时包含多行代码。而<% =%>称为表达式，=号后面是一个表达式，这个表达式的值将被输出到浏览器中，表达式后面不用使用分号结束，而且每个<% =%>只能包含一个表达式。

 

head中

<title><%= htmlWebpackPlugin.options.title %></title>

 

body中

<% for (let i in htmlWebpackPlugin.options.cdn.js) { %>

      <script

        type="text/javascript"

        src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"

      ></script>

    <% } %>

 

这是客户端代码与服务器代码混合使用。

<%= %>中，在<% %> 之间的是服务器端代码，外面的是客户端代码。

若前面有个=，则是直接引用服务器代码中的值。

 如：.env.production文件中代码如下

VUE_APP_VUEJS = 'vue.min.js'

那么下面这样引用 

<script src="//static.vip.qiyi.domain/js/vue/2.5.16/<%= VUE_APP_VUEJS %>"></script>

在客户端就能看到

<script src="//static.vip.qiyi.domain/js/vue/2.5.16/vue.min.js"></script>