umijs/cra-v5-with-mfsu-example

create-react-app v5 与 mfsu 一起使用的例子

cra-v5-with-mfsu-example's Issues

现在craco v7 支持cra5了， 能出个demo吗？？

Can't compile successfully when buildDepWithESBuild option is false!

按需引入antd@4，配置ant-prefix后，组件样式失效。

js:

import { ConfigProvider, Button, Input } from 'antd'

<ConfigProvider prefixCls={'app1'}>
        <Button>OK</Button>
        <Input value={1123123123} />
    </ConfigProvider>

webpack.config.js

{
              test: /\.less$/,
              use: [
                require.resolve('style-loader'),
                require.resolve('css-loader'),
                require.resolve('postcss-loader'),
                require.resolve('resolve-url-loader'),
                {
                  loader: require.resolve('less-loader'),
                  options: {
                    lessOptions: {
                      modifyVars: {
                        'ant-prefix': 'app1'
                      },
                      javascriptEnabled: true,
                      relativeUrls: false,
                    },
                    sourceMap: true,
                  },
                }
              ],
              sideEffects: true,
            },

babel.config.js:

module.exports = function () {
  const plugins = [
    [
      "import", {
        "libraryName": "antd",
        "style": true
      }
    ],
  ];
  return {
    plugins,
  };
}

结果：样式前缀还是默认的ant，而非app1

No loader is configured for ".scss" files: node_modules/../xxx.scss

Unable to resolve the sass file in the dependency