在webpack配置中,用ExtractTextPlugin分离less,打包成css文件,然后css文件怎么进行压缩呢?
const webpack = require('webpack');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
//const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
module.exports = {
entry : {
resetentry: __dirname + '/src/js/reset_entry.js',
},
output : {
path: __dirname + '/out',
filename: '[name].js',
},
module: {
rules:[
{
test: /.less$/,
use: ExtractTextPlugin.extract({
use:[
{loader:'css-loader'},
{loader:'less-loader'}
],
fallback: 'style-loader',
})
},
{
test: /\.js$/,
loader: "babel-loader",
exclude:/node_modules/,
query:{
presets:[
require.resolve('babel-preset-es2015'),
require.resolve('babel-preset-stage-0'),
]
}
},
{test: /.jpg|png|gif|svg$/, use: ['url-loader?limit=8192&name=./[name].[ext]']},
]
},
plugins:[
new UglifyJSPlugin(),
new ExtractTextPlugin("[name].css"),
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
}),
// new OptimizeCssAssetsPlugin({
// assetNameRegExp: /\.less$/g,
// cssProcessor: require('cssnano'),
// cssProcessorOptions: { discardComments: {removeAll: true}},
// canPrint: true,
// }),
]
}
我用optimize-css-assets-webpack-plugin这个插件,不知道哪里的原因。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
执行npm run build不就打包了吗?