如何禁用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模块

回答

相关问题