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

<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>

    <% } %>

const cdn = {

  js: [

    "https://unpkg.com/vue@3.2.33/dist/vue.global.prod.js",

    "https://unpkg.com/vuex@4.0.2/dist/vuex.global.prod.js",

    "https://unpkg.com/echarts@5.3.2/dist/echarts.min.js",

    "https://unpkg.com/element-plus@2.2.12/dist/index.full.min.js",

  ],

};

这是客户端代码与服务器代码混合使用。
<%= %>中，在<% %> 之间的是服务器端代码，外面的是客户端代码。
若前面有个=，则是直接引用服务器代码中的值。
如：.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>