webpack构建vue入口文件index.html中引入静态文件地址变更

在webpack构建vue入口文件index.html中引入静态文件地址因为不同的环境有不同的地址，需要根据不同的环境变换地址，这就需要用到HtmlWebpackPlugin插件来解决。

plugins: [
    new HtmlWebpackPlugin({
      // 省略其他插件配置项
      projectPath: 'http://demo.jr.jd.com',
    })
]

示例如下：

 

<script type="text/javascript"
        src="<%=htmlWebpackPlugin.options.projectPath%>/finance/mobile/xxx.js"></script>

<link rel="stylesheet" href="<%=htmlWebpackPlugin.options.projectPath%>/finance/mobile/index.css"/>

 

转载于:https://my.oschina.net/guying/blog/915001