Add plugin to make script loading async

This commit is contained in:
Jason Miller
2018-04-17 14:07:42 -04:00
parent e0c59577a4
commit 896d267de5

View File

@@ -6,6 +6,7 @@ const ProgressBarPlugin = require('progress-bar-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin'); const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
const HtmlPlugin = require('html-webpack-plugin'); const HtmlPlugin = require('html-webpack-plugin');
const ScriptExtHtmlPlugin = require('script-ext-html-webpack-plugin');
const PreloadPlugin = require('preload-webpack-plugin'); const PreloadPlugin = require('preload-webpack-plugin');
const ReplacePlugin = require('webpack-plugin-replace'); const ReplacePlugin = require('webpack-plugin-replace');
const CopyPlugin = require('copy-webpack-plugin'); const CopyPlugin = require('copy-webpack-plugin');
@@ -181,6 +182,10 @@ module.exports = function (_, env) {
compile: true compile: true
}), }),
new ScriptExtHtmlPlugin({
defaultAttribute: 'async'
}),
// Inject <link rel="preload"> for resources // Inject <link rel="preload"> for resources
isProd && new PreloadPlugin({ isProd && new PreloadPlugin({
include: 'initial' include: 'initial'