NealST / jsx-style-scoped

jsx的样式隔离解决方案
9 stars 3 forks source link

是配置有问题吗?好像并不生效呢,样式名并没有做出修改,找了一下原因是className需要支持单引号 #2

Open hubaobao1223 opened 3 years ago

hubaobao1223 commented 3 years ago

配置如下

  [{
      test: /\.jsx?$/,
      include: [
        path.resolve(__dirname, 'app')
      ],
      use: [{
        loader: 'eslint-loader',
        options: {
          quiet: true
        }
      },
      {
        loader: 'scope-jsx-loader'
      },
      {
        loader: 'babel-loader',
        options: {
          cacheDirectory: true,
          presets: ['@babel/preset-env']
        }
      }]
    }, {
      test: /\.css$/,
      use: [
        MiniCssExtractPlugin.loader,
        'css-loader',
        'icon-font-loader',
        'scope-css-loader'
      ]
    }, {
      test: /\.less/,
      use: [
        MiniCssExtractPlugin.loader,
        'css-loader',
        'icon-font-loader',
        'scope-css-loader',
        {
          loader: 'less-loader',
          options: {
            javascriptEnabled: true,
            modifyVars: {
              'brand-primary': '#4D7CFE'
            },
          }
        }
      ]
    }, {
      test: /\.woff($|\?)|\.woff2($|\?)|\.ttf($|\?)|\.eot($|\?)/,
      loader: 'url-loader?limit=8192'
    }, {
      test: /\.(png|jpg|jpeg|svg|gif)/,
      use: ['url-loader', 'image-webpack-loader']
    }]
hubaobao1223 commented 3 years ago

跟踪了一下原因是因为className的正则表达式未支持单引号,建议兼容

NealST commented 3 years ago

单引号问题目前我已经开发好了,代码尚未发布更新,感谢你的使用和反馈

zhengkaip commented 3 years ago

支持craco吗