Add minification

This commit is contained in:
Quantum 2018-11-26 23:26:23 -05:00
parent 84b89168fe
commit d67c918d52
3 changed files with 908 additions and 2 deletions

883
package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -18,13 +18,15 @@
"html-webpack-plugin": "^3.2.0", "html-webpack-plugin": "^3.2.0",
"mini-css-extract-plugin": "^0.4.5", "mini-css-extract-plugin": "^0.4.5",
"node-sass": "^4.10.0", "node-sass": "^4.10.0",
"optimize-css-assets-webpack-plugin": "^5.0.1",
"postcss-loader": "^3.0.0", "postcss-loader": "^3.0.0",
"rimraf": "^2.6.2", "rimraf": "^2.6.2",
"sass-loader": "^7.1.0", "sass-loader": "^7.1.0",
"style-loader": "^0.23.1", "style-loader": "^0.23.1",
"webpack": "^4.26.1", "webpack": "^4.26.1",
"webpack-cli": "^3.1.2", "webpack-cli": "^3.1.2",
"webpack-dev-server": "^3.1.10" "webpack-dev-server": "^3.1.10",
"terser-webpack-plugin": "latest"
}, },
"dependencies": { "dependencies": {
"bootstrap": "^4.1.3", "bootstrap": "^4.1.3",

View file

@ -1,10 +1,23 @@
const path = require('path') const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin') const HtmlWebpackPlugin = require('html-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 TerserPlugin = require('terser-webpack-plugin')
const mode = process.env.NODE_ENV || 'development' const mode = process.env.NODE_ENV || 'development'
module.exports = { module.exports = {
optimization: {
minimizer: [
new TerserPlugin({
cache: true,
extractComments: true,
parallel: true,
sourceMap: true
}),
new OptimizeCSSAssetsPlugin({})
]
},
entry: [ entry: [
'core-js/fn/array/from', 'core-js/fn/array/from',
'core-js/fn/array/includes', 'core-js/fn/array/includes',
@ -17,7 +30,15 @@ module.exports = {
}, },
plugins: [ plugins: [
new HtmlWebpackPlugin({ new HtmlWebpackPlugin({
template: 'src/index.html' template: 'src/index.html',
minify: mode === 'production' ? {
collapseWhitespace: true,
removeComments: true,
removeRedundantAttributes: true,
removeScriptTypeAttributes: true,
removeStyleLinkTypeAttributes: true,
useShortDoctype: true
} : false
}), }),
new MiniCssExtractPlugin({ new MiniCssExtractPlugin({
filename: '[name].[contenthash].css' filename: '[name].[contenthash].css'