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",
"mini-css-extract-plugin": "^0.4.5",
"node-sass": "^4.10.0",
"optimize-css-assets-webpack-plugin": "^5.0.1",
"postcss-loader": "^3.0.0",
"rimraf": "^2.6.2",
"sass-loader": "^7.1.0",
"style-loader": "^0.23.1",
"webpack": "^4.26.1",
"webpack-cli": "^3.1.2",
"webpack-dev-server": "^3.1.10"
"webpack-dev-server": "^3.1.10",
"terser-webpack-plugin": "latest"
},
"dependencies": {
"bootstrap": "^4.1.3",

View file

@ -1,10 +1,23 @@
const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-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'
module.exports = {
optimization: {
minimizer: [
new TerserPlugin({
cache: true,
extractComments: true,
parallel: true,
sourceMap: true
}),
new OptimizeCSSAssetsPlugin({})
]
},
entry: [
'core-js/fn/array/from',
'core-js/fn/array/includes',
@ -17,7 +30,15 @@ module.exports = {
},
plugins: [
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({
filename: '[name].[contenthash].css'