Advertisement

creat-react-app项目优化webpack配置项以实现antdlazy loading

阅读量:

craco

基于使用creat-react-app构建的项目来说,在希望更改其webpack配置设置时就需要使用craco工具。接下来,请先执行安装步骤。

复制代码
    npm install @craco/craco --save

目前建议6.2.0版本,我使用的是6.2.0比较文定,没有出啥问题

配置文件

在完成CRAX的安装后, 我们需要配置文件来调整Webpack. 在项目中全局导入Ant Design的CSS, 通过优化Webpack使其自动生成导入项, 无需手动处理引入步骤.

新建craco.config.js文件

为了方便配置,在项目的根目录下建立craco.config.js文件,并对其进行调整。
为了满足需求,在项目中导入Ant Design的CSS样式表库。
由于功能扩展的需求,在这里还需要安装一个插件,请直接通过npm执行安装。

复制代码
    module.exports = {
    babel: {
        plugins: [
            [
                "import",
                {
                    "libraryName": "antd",
                    "libraryDire

全部评论 (0)

还没有任何评论哟~