webpack-plugin-addscriptforhtmlplugin
v1.0.5
Published
webpack plugin addscriptforhtmlplugin
Downloads
220
Maintainers
Readme
addScriptForHtmlPlugin
- 根据参数 isInsertBody 决定插入到 head 还是 body 里面
- 在 head | body 里面根据参数 isShift 决定是 前置插入还是后置插入
- inject: false,只会插入在body 里面,但是可以根据参数 isShift 决定是 在body进行 前置插入还是 后置插入
- 可以通过设置 jsDeferLoad | jsAsyncLoad 来决定 标签的 defer 和 async 属性
- url 和 innerHTML 不可以同时设置,也不可以同时不设置 (两者总要设置一个)
- needScriptTemplate: false 表示不需要插件提供任何 tempalte 代码,直接把 开发者提供的代码 插入进来
Usage
使用参考 该插件功能和 webpack-plugin-forceinsertscripttag 一致 (https://juejin.cn/post/7382891667672121394)
webpack-plugin-forceinsertscripttag 功能实现依赖 html-webpack-plugin, 此插件不依赖外部插件,直接可以使用
const AddScriptForHtmlPlugin = require('webpack-plugin-addscriptforhtmlplugin');
module.exports = {
...
plugins: [
...
new AddScriptForHtmlPlugin({
isShift: true, // default: true 前置插入 还是 后置插入
isInsertBody: true, //default: true 插入的 head 里面 还是 body 里面 (html-webpack-plugin 的 inject: false,只会插入在body 里面)
url: 'xxx.js', // 被加载的 js 地址
jsDeferLoad: false, // default: false 插入的 js 需不需要 在<script> 设置 defer 属性
jsAsyncLoad: false, // default: false 插入的 js 需不需要 在<script> 设置 async 属性
innerHTML: 'xx',
}),
]
}