私の目標は、これらのファイルを取り込んで、異なる CSS ファイルに出力するかどうかに基づいて、 ./src
MiniCSSExtractPluginをセットアップすることです。editor-[...].scss
frontend-[...].scss
scss
editor-
frontend-
今、私は持っています
{
test: /\.(css|scss)$/,
use: [ {
loader: MiniCssExtractPlugin.loader
},
'css-loader',
{
loader: 'postcss-loader',
options: {
plugins: [
require( 'autoprefixer' )
]
}
},
{
loader: 'sass-loader',
query: {
outputStyle:
'production' === process.env.NODE_ENV ? 'compressed' : 'nested'
}
} ]
},
その後
plugins: [
new MiniCssExtractPlugin({
filename: './build/myawesomeapp-editor.css'
})
]
2つの出力を設定する方法がわかりません。ファイルを検索するために正規表現を使用する必要があることはわかっていますが、実行後にそれらを別のファイルに抽出する方法がわかりません。