如何为 webpack 中的一个文件禁用 css 模块答案

【问题标题】：How to disable css modules for one file in webpack如何为 webpack 中的一个文件禁用 css 模块
【发布时间】：2018-01-12 08:27:56
【问题描述】：

我只需要为一个文件禁用 css 模块。

请解释我该怎么做

我有两个 webpack 文件

请帮助配置我的webpack.config.dev.js 和webpack.config.prod.js 文件。

我用教程https://medium.com/nulogy/how-to-use-css-modules-with-create-react-app-9e44bec2b5c2安装了css模块。

我的 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”。

如何添加异常？

提前谢谢你！

【问题讨论】：

标签： css reactjs webpack css-modules

【解决方案1】：

使用exclude 选项：

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

【讨论】：

应该是这样的路径吗？ // ... test: /\.css$/, exclude: /react-infinite-calendar/styles.css\.css$/, // ..
条件可以是 RegExp（针对绝对路径进行测试）、包含绝对路径的字符串、function(absPath): bool 或其中一个与“and”组合的数组。
你能给我举个例子吗，在我的情况下应该如何。我是初学者。