#HTML Webpack Plugin Cross Origin (Webpack 4) This plugin adapt html-webpack-inject-attributes-plugin(v1.0.0) for webpack 4.

1npm i --save-dev html-webpack-plugin-crossorigin

##Usage

1const HtmlWebpackPlugin = require('html-webpack-plugin');
2const HtmlWebpackPluginCrossorigin = require('html-webpack-plugin-crossorigin');
3
4new HtmlWebpackPlugin({
5    plugins: [
6        new HtmlWebpackPlugin({
7            filename: 'test.html',
8            template: 'src/assets/test.html'
9            // add script attributes here!
10            attributes: {
11                crossorigin: 'anonymous'
12            }
13        }),
14        // this one should be placed after HtmlWebpackPlugin
15        new HtmlWebpackPluginCrossorigin({
16            inject: true
17        })
18    ]
19});

It will add the crossorigin=anonymous to script tag like:

1<script src="index.js" crossorigin="anonymous"></script>

This plugin fixed the problem from the origin one:

ERROR in TypeError: callback is not a function

• index.js:35 [ex-child-webpack]/[html-webpack-inject-attributes-plugin]/index.js:35:13