{
test: /\.module\.scss$/,
use: [
{ loader: MiniCssExtractPlugin.loader, options: { publicPath: '../' } },
{
loader: 'css-loader',
options: {
modules: { localIdentName: '[local]---[hash:base64:5]' }
}
},
'sass-loader',
{
loader: 'sass-resources-loader',
options: {
resources: './src/css/_variables.scss'
}
}
]
},
{
test: /\.scss$/,
exclude: /\.module\.scss$/,
use: [
{ loader: MiniCssExtractPlugin.loader, options: { publicPath: '../' } },
'css-loader',
'sass-loader'
]
},
...
plugins: [
new MiniCssExtractPlugin({
filename: 'css/bundle.css'
})
]
いくつかのバニラ sass スタイルといくつかの css モジュール スタイルを含む単一の css ファイルを作成しています。モジュールcssが出力されたbundle.cssファイルの通常のcssの後に来るようにこれを制御する方法はありますか? 今はいつもその前です。
package.json で並べ替えてみました。oneOf を使ってみました。