webpack各类压缩

JavaScript055

webpack各类压缩,第1张

webpack内置插件 UglifyJsPlugin

使用 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

})

]

}