Question

我正在学习看视频的反应，但是在一个视频中，他们通过弹出>编辑webpack.config.dev.js启用了CSS模块，但是我在我的反应中找不到相同的文件，后来我在16.7知道了它与众不同，所以谁能说出在React 16.7中启用CSS模块的步骤

Answer 1

要启用CSS模块，首先进入您的项目目录，然后打开命令行并运行npm run eject

在config文件夹中，您将找到webpack.config.dev.js和webpack.config.prod.js文件。打开这些文件

并将此代码添加到webpack.config.dev.js

{
  test: cssRegex,
  exclude: cssModuleRegex,
  use: getStyleLoaders({
    importLoaders: 1,
    modules: true,
    localIdentName: '[name]__[local]__[hash:base64:5]'
  }),
},

并在filewebpack.config.prod.js中添加

test: cssRegex,
exclude: cssModuleRegex,
loader: getStyleLoaders({
  importLoaders: 1,
  modules: true,
  localIdentName: '[name]__[local]__[hash:base64:5]',
  sourceMap: shouldUseSourceMap,
}),

保存后，您现在可以使用CSS模块

Answer 2

幸运的是，在react 16.8中，无需运行“ npm run弹出”，您可以添加扩展名“ .module.css”代替“ .css”以获得CSS模块。

Answer 3

pymc_get_open_files

在React 16.7中启用CSS模块

3 个答案: