1.1.17 • Published 9 months ago

webpack-plugin-forceinsertscripttag v1.1.17

Weekly downloads
-
License
ISC
Repository
github
Last release
9 months ago

forceInsertScriptTag

  1. html-webpack-plugin 的 inject: true, 直接 根据参数 isInsertBody 决定插入到 head 还是 body 里面
  2. 在 head | body 里面根据参数 isShift 决定是 前置插入还是后置插入
  3. html-webpack-plugin 的 inject: false,只会插入在body 里面,但是可以根据参数 isShift 决定是 在body进行 前置插入还是 后置插入
  4. 可以通过设置 jsDeferLoad | jsAsyncLoad 来决定 标签的 defer 和 async 属性
  5. url 和 innerHTML 不可以同时设置,也不可以同时不设置 (两者总要设置一个)

Usage

使用参考 (https://juejin.cn/post/7382891667672121394)

webpack-plugin-forceinsertscripttag 功能实现依赖 html-webpack-plugin, webpack-plugin-addscriptforhtmlplugin 插件不依赖外部插件,直接可以使用

const Forceinsertscripttag = require('webpack-plugin-forceinsertscripttag');

module.exports = {
    ...
    plugins: [
        ...
        new Forceinsertscripttag({
            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',
        }),
    ]
}
1.1.17

9 months ago

1.1.1

1 year ago

1.1.0

1 year ago

1.1.9

1 year ago

1.1.8

1 year ago

1.1.7

1 year ago

1.1.6

1 year ago

1.1.5

1 year ago

1.1.4

1 year ago

1.1.3

1 year ago

1.1.2

1 year ago

1.1.12

1 year ago

1.1.11

1 year ago

1.1.10

1 year ago

1.1.16

1 year ago

1.1.15

1 year ago

1.1.14

1 year ago

1.1.13

1 year ago

1.0.0

2 years ago