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的,你介意把这个答案做对吗?