Vue根页面中注入变量（的使用,简单使用及遍历）

遍历使用

文件

//每个环境对应的域名,不加前面的协议，这样可以根据当前项目所在的协议自动适配
const DeployEnvInfo={
  dev:"//develop..com",
  pre:"//",
  prod:"//"
};

const cdn={
	js: [
      "/dist/",
      "/dist/",
      "/dist/",
	]	
}

module.exports = {
	...otherConfig,// 此处是其他的一些自己项目的打包配置，因人而异
	chainWebpack(config) {
		config.plugin('html').tap((args) => { //标题
			args[0].url = DeployEnvInfo[process.env.Deploy_Env||'dev'];
			args[0].cdn = cdn
			return args;
		})
	},
}

中的使用

  <% htmlWebpackPlugin.options.cdn.js.forEach(function(item){ if(item){ %>
    <script type="text/javascript" src="<%=  %><%= item %>"></script>
    <% }}) %>