如何禁用webpack中的一個文件的css模塊

請解釋我如何能做到這一點

我有兩個文件的WebPack

請幫助我configurate和webpack.config.dev.js文件webpack.config.prod.js。

我安裝了css模塊，教程爲https://medium.com/nulogy/how-to-use-css-modules-with-create-react-app-9e44bec2b5c2。

我的WebPack配置爲波紋管：

開發

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

督促

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, 
 
        }, 
 
       },

我的文件路徑是'react-infinite-calendar/styles.css'。

如何添加異常？

預先感謝您！

來源

2017-08-04 a.kozubenko

使用exclude選項：

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

來源

2017-08-04 12:14:39

它應該是這樣的路徑？ '// ... 測試：/\.css$/，排除：/react-infinite-calendar/styles.css\.css$/， // ..' –

的條件可以是RegExp（絕對路徑測試），一個包含絕對路徑的字符串，一個「函數（absPath）：bool」或者其中一個結合「和」的數組。 –

可否請你提供我的例子，它應該如何在我的情況。我是初學者。 –

如何禁用webpack中的一個文件的css模塊

回答

相關問題