如何在 webpack 中为一个文件禁用 css 个模块
How to disable css modules for one file in webpack
我只需要为一个文件禁用 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'.
如何添加例外?
提前致谢!
使用exclude
选项:
// ...
test: /\.css$/,
exclude: /yor_file\.css$/,
// ...
我只需要为一个文件禁用 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'.
如何添加例外?
提前致谢!
使用exclude
选项:
// ...
test: /\.css$/,
exclude: /yor_file\.css$/,
// ...