install

npminstallhtml-webpack-inject-attributes-plugin-D

use

add to all inject tags, effective in all html

plugins=[newHtmlWebpackPlugin(),newhtmlWebpackInjectAttributesPlugin({inject:"true",async:true,test:{}})// Object, key should be string, value can be string or function、object, object will stringify]

<scripttype="text/javascript"src="index.js"inject="true"asynctest="{}"></script>

add to chunks in HtmlWebpackPlugin by add attributes to HtmlWebpackPlugin，only effective in the current html

plugins=[newHtmlWebpackPlugin({attributes:{'data-src':function(tag){returntag.attributes.src}},}),newhtmlWebpackInjectAttributesPlugin()]/**     *  if value is a function, got three arguments。     *  1、tag, ast of tag node     *  2、compilation, you can get webpack build hash by compilation.hash     *  3、index, index of trunks    **/

<scripttype="text/javascript"src="index.js"data-src="index.js"inject="true"></script>

return false to prevent some tags add attributes

plugins=[newHtmlWebpackPlugin({inject:true,hash:true,chunks:['index'],attributes:{'data-src':function(tag,compilation,index){if(tag.tagName==='script'){returntrue;}returnfalse;}},}),newhtmlWebpackInjectAttributesPlugin()]

use chainWebpack

// vue.config.jsconsthtmlInject=require('html-webpack-inject-attributes-plugin')module.exports={chainWebpack:(config)=>{config.plugin('html').tap(args=>{args[0].attributes={async:true,inject:'true'}returnargs})config.plugin('html-inject').after('html').use(htmlInject,[{common:'true'}])},}

LICENSE