@darcytech/html-webpack-tags-plugin

html-webpack-tags-plugin 是一款扩展至 html-webpack-plugin 的插件， 作用是在构建时往 head 和 body 插入额外的 script 和 link 标签。

Usage

1const HtmlWebpackTagsPlugin = require('@darcytech/html-webpack-tags-plugin');
2const HtmlWebpackPlugin = require('html-webpack-plugin');
3
4{
5  plugins: [
6    new HtmlWebpackPlugin(),
7    new HtmlWebpackTagsPlugin({
8      headScripts: {
9        after: ['/a.js'],
10        before: [{ src: '/b.js', defer: true }],
11      },
12      bodyScripts: {
13        after: ['/c.js'],
14        before: [{ src: '/d.js', defer: true }],
15      },
16      links: {
17        after: [{ href: '/e.css', rel: 'stylesheet' }],
18        before: [{ href: '/f.css', rel: 'stylesheet' }],
19      },
20    }),
21  ];
22}