小编Ber*_*ula的帖子

React.JS新的CSS模块

我一直在关注Udemy上的《 React Complete Guide》上的教程,但是似乎有点过时了,因为弹出文件后,我看不到相同的代码。我认为它是今天更新的,但是作为一个完整的初学者,我不知道如何继续我的课程,因为我不知道如何导入具有唯一ID的类或如何使CSS模块正常工作...谢谢您需要您的帮助。

他看到的是: 从第162行开始到169 这是他的代码

 test: /\.css$/,
 use: [
   require.resolve('style-loader'),
   {
     loader: require.resolve('css-loader'),
     options: {
       importLoaders: 1,
       modules: true,
       localIdentName: '[name]__[local]__[hash:base64:5]'
     },
   },
Run Code Online (Sandbox Code Playgroud)

我所看到的: 从第34行到41行 这是我的代码

// common function to get style loaders const getStyleLoaders =
(cssOptions, preProcessor) => {   const loaders = [
 require.resolve('style-loader'),
 {
   loader: require.resolve('css-loader'),
   options: cssOptions,
 },
Run Code Online (Sandbox Code Playgroud)

我还看到的是/\.css$/;第28到32行有新变量

// style files regexes 
const cssRegex = /\.css$/; 
const cssModuleRegex = /\.module\.css$/; 
const sassRegex = /\.(scss|sass)$/; 
const sassModuleRegex = /\.module\.(scss|sass)$/;
Run Code Online (Sandbox Code Playgroud)

javascript css reactjs webpack

6
推荐指数
1
解决办法
741
查看次数

标签 统计

css ×1

javascript ×1

reactjs ×1

webpack ×1