5
{
        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 を使ってみました。

4

2 に答える 2