So deaktivieren Sie CSS-Module für eine Datei in Webpack

Question

Ich muss CSS-Module nur für eine Datei deaktivieren.

Bitte erklären, wie kann ich es

Ich habe zwei webpack Dateien

Bitte helfen Sie meine webpack.config.dev.js und webpack.config.prod.js Dateien zu konfigurieren.

Ich installierte css Module mit Tutorial https://medium.com/nulogy/how-to-use-css-modules-with-create-react-app-9e44bec2b5c2.

Meine webpack Config ist unten:

dev

test: /\.css$/, 
 
     use: [ 
 
      require.resolve('style-loader'), 
 
      { 
 
      loader: require.resolve('css-loader'), 
 
      options: { 
 
       importLoaders: 1, 
 
       modules: true, 
 
       localIdentName: "[name]__[local]___[hash:base64:5]" 
 
      }, 
 
      },

prod

test: /\.css$/, 
 
     loader: ExtractTextPlugin.extract(
 
      Object.assign(
 
      { 
 
       fallback: require.resolve('style-loader'), 
 
       use: [ 
 
       { 
 
        loader: require.resolve('css-loader'), 
 
        options: { 
 
        importLoaders: 1, 
 
        modules: true, 
 
        minimize: true, 
 
        sourceMap: true, 
 
        }, 
 
       },

Pfad für meine Datei ist 'react-infinite-calendar/styles.css'.

Wie eine Ausnahme hinzufügen?

Vielen Dank im Voraus!

Answer 1

Verwenden exclude Option:

// ... 
test: /\.css$/, 
exclude: /yor_file\.css$/, 
// ...