使用 webpack --optimize-minimize 启动webpack,可以注入默认配置的UglifyJSPlugin
第三方插件 css-loader.minimize
第三方插件 uglify-webpack-plugin
第三方插件 html-webpack-plugin
第三方插件 image-webpack-loader
也可以将图片上传到 tinypng 或者 智图 这类的在线压缩图片平台,就可以对图片进行压缩
webpack配置如下:...
const ExtractTextPlugin = require('extract-text-webpack-plugin')
module.exports = {
...
output: {
path: path.join(__dirname, './dist'),
filename: 'js/[name].js',
publicPath: '/dist/'
},
module: {
loaders: [
...
{
test: /\.css$/,
loader: ExtractTextPlugin.extract({
fallbackLoader: 'style',
loader: 'css',
publicPath: '../'
})
},
]
},
plugins: [
...
new ExtractTextPlugin({
filename: 'css/[name].css',
disable: false,
allChunks: false
})
]
}