Javascript 缩小网页包中的css';ExtractTextPlugin和样式加载器
在本追踪回购协议中: 这一行:Javascript 缩小网页包中的css';ExtractTextPlugin和样式加载器,javascript,webpack,Javascript,Webpack,在本追踪回购协议中: 这一行: 我正在加载.scss,并将它们提取为纯文本。我还想缩小它们——我该怎么做样式加载器似乎没有相应的选项。我是否应该使用另一个插件,比如css-loader?我建议查看postss和postss-loader。这样,一旦你设置好了它,你就可以对你的CSS/SCS做很多很酷的事情,而不必先花上几天的时间和网页打交道 为UglifyJsPlugin添加条目对我很有用 plugins: [ new ExtractTextPlugin("[name].css"),
我正在加载
.scss
,并将它们提取为纯文本。我还想缩小它们——我该怎么做<代码>样式加载器似乎没有相应的选项。我是否应该使用另一个插件,比如css-loader
?我建议查看postss和postss-loader。这样,一旦你设置好了它,你就可以对你的CSS/SCS做很多很酷的事情,而不必先花上几天的时间和网页打交道 为UglifyJsPlugin
添加条目对我很有用
plugins: [
new ExtractTextPlugin("[name].css"),
new webpack.optimize.UglifyJsPlugin({
compressor: { warnings: false }
})
]
因此,除非您明确禁用了CSS加载程序,否则它将自动通过CSS加载程序实现。既然你在问这个问题,我想这意味着你有。如果您正在提取而不是缩小CSS,则
UglifyJsPlugin
不会自行缩小CSS
为了满足我的需要,我需要提取CSS,然后提供缩小版和非缩小版。所以我遇到了同样的问题,我可以缩小或不缩小,但不能两者兼而有之
我能够让这项工作使用的网页插件。它将允许您缩小使用ExtractTextPlugin
提取的CSS,您可以设置类似于UglifyJsPlugin
设置的正则表达式规则
默认情况下,该插件使用css nano
模块进行压缩,但如果愿意,您可以切换到首选模块
以下是一个基本配置:
plugins: [
new ExtractTextPlugin('[name].css'),
new webpack.optimize.UglifyJsPlugin({
compress: { warnings: false },
include: /\.min\.js$/
}),
new OptimizeCssAssetsPlugin({
assetNameRegExp: /\.min\.css$/,
cssProcessorOptions: { discardComments: { removeAll: true } }
})
]
UglifyJsPlugin只压缩javascript。问题是关于压缩css的,你介意把这个答案做对吗?