1

here で説明されているように、非常によく似た、CSS を縮小するcssnanoのプラグインを構成しようとしています。postcss-loader

ウェブパック構成:

...

  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          MiniCssExtractPlugin.loader, 
          'css-loader',
          {
            loader: 'postcss-loader',
            options: {
              ident: 'postcss',
              plugins: () => [
                cssnano({
                  preset: ['default', {
                    discardComments: {
                      removeAll: true,
                    },
                    // how to find index of all available options?
                  }]
                })
              ]
            }
          },
          'sass-loader'
        ]
      }
    ]
  },

...

cssnanoドキュメントからのすべての最適化を以下に示します。

以下は、プリセットに加えて単一の最適化をオーバーライドする方法の例ですdiscardCommentsdefault

のように、各最適化構成を個別にオーバーライドすることは可能discardCommentsですか? これは、開発用と本番用に別々の構成を作成する場合に非常に便利です。

また、このリポジトリには、最小限の例とボイラープレートを使用した失敗した試みがあります。

編集: cssnano 開発者は、各最適化を個別に構成することは不可能であり、代わりに、各最適化プラグインを個別に使用できる可能性があると述べましたソース

4

3 に答える 3