react中按需引入antd后，外部css文件失效？

Question

按照antd官网按需引入步骤：
yarn add react-app-rewired customize-cra
然后创建config-overrides.js等等

const { override, fixBabelImports, addLessLoader } = require('customize-cra');

module.exports = override(
    fixBabelImports('import', {
        libraryName: 'antd',
        libraryDirectory: 'es',
        style: true,
    }),
    addLessLoader({
        javascriptEnabled: true,
        modifyVars: { '@primary-color': '#298BEE' },
    }),
);

之后，antd是的确可以按需引入了，但是原来自己外部样式css文件全部失效了。请问是为啥阿？
而且像‘@/’这样也指定不了src目录了。

Answer 1

const styles = require('css路径');
在需要引入样式的标签上 <div className={{styles.样式名}}></div>