打包优化

在production环境下打包需要关闭devtool

inline-source-map: 为每个文件打包后添加base64格式化后的字符串

source-map: 如果线上非要有map，可以用这个，作用是后面跟一个url

将css剥离出来： extract-text-webpack-plugin

var ExtractTextPlugin = require('extract-text-webpack-plugin')
plugins: [new ExtractTextPlugin('[name].[contenthash].css')]

使用 uglifyJsPlugin 压缩时，去掉注释 comment:false

开启 gzip 压缩 js与css： compression-webpack-plugin

var CompressionWebpackPlugin = require('compression-webpack-plugin')
new CompressionWebpackPlugin({
  asset: '[path].gz[query]',
  algorithm: 'gzip',
  test: new RegExp('\\\\.(js|css)$'),
  threshold: 10240,
  minRatia: 0.8
})

压缩 html, 自动添加静态资源 ， html-webpack-plugin

var HtmlWebpackPlugin = require('html-webapck-plugin')
new HtmlWebpackPlugin({
    filename: 'react.html',
    template: '../client/react.html',
    injext: true,
    minify: {
        removeComments: true, // 去注释
        collapseWhitespace:true, // 压缩空格
        removeAttributeQuotes:true // 去除属性引用
    },
    chunksSortMode: 'dependency'
})