目前碰到的问题
我们用 html-webpack-plugin 的 inject 属性去自动插入打包后的 js, CSS 到页面中,但是如果想给 script 标签添加一个 crossorigin 属性呢,
例如:
<script type="text/javascript" src="http://www.h3399.cn/uploads/body/image.bubuko.com/info/201801/20180115181011055971.png">
https://github.com/lcxfs1991/blog/issues/2
插件:html-res-webpack-plugin
通过这个插件,可以实现资源的自定义插入
https://github.com/lcxfs1991/html-res-webpack-plugin/blob/v3/README_ZH.md
最终实现
最终效果:
let chunks = {};
chunks['vendor.js'] = {
attr: "crossorigin=\"anonymous\"" // attributes for js file in index chunk
}
chunks['index.js'] = {
attr: "crossorigin=\"anonymous\"" // attributes for js file in index chunk
}
chunks['index.css'] = {}
result.push(
new HtmlResWebpackPlugin({
filename: path + name + '.njk',
template: template,
chunks: chunks
})
)
来源: http://www.bubuko.com/infodetail-2462380.html