如何在 Webpack 中运行与 CSS 相关的其他构建步骤？

问题描述

说到 CSS，我有一个简单的设置，它允许我同时拥有全局和 modules CSS：

{
    test: /\.css$/,use: [
      MiniCssExtractPlugin.loader,{
        loader: 'css-loader',options: {
          importLoaders: 1,modules: {
            localIdentName: '[path]__[name]__[local]__[hash:base64:5]',},],include: /\.module\.css$/,{
    test: /\.css$/,use: [MiniCssExtractPlugin.loader,'css-loader'],exclude: /\.module\.css$/,

基本上，任何 file.css 都不会被模块包转换，而任何 file.module.css 都会转换。

在我的 webpack.js 中，我还启用了名为 plugin 的 MininCssExtractPlugin，以便我可以将输出输出到文件中：

  plugins: [
    new MiniCssExtractPlugin({
      filename: '[name].css',chunkFilename: '[id].css',}),

但是，我很难找到一种在其上添加内容的方法。我还想有一个缩小器来减少空白，并将类从 40 个字符长的类重命名为一个独特的 2-3 个字符类。

在哪里插入这些附加步骤？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）