如何在webpack中禁用一个文件的css模块

Question

我只需要为一个文件禁用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配置如下：

dev的

 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'。

如何添加例外？

提前谢谢！

Answer 1

Use exclude option:

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