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ドキュメントからのすべての最適化を以下に示します。
以下は、プリセットに加えて単一の最適化をオーバーライドする方法の例です。discardComments
default
のように、各最適化構成を個別にオーバーライドすることは可能discardComments
ですか? これは、開発用と本番用に別々の構成を作成する場合に非常に便利です。
また、このリポジトリには、最小限の例とボイラープレートを使用した失敗した試みがあります。
編集: cssnano 開発者は、各最適化を個別に構成することは不可能であり、代わりに、各最適化プラグインを個別に使用できる可能性があると述べましたソース