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)
还没有任何评论哟~
