使用3.x版本create-react-app构建react并使用less和antd按需加载并修改主题颜色小总结

1.全局安装:
npm install create-react-app -g
2.进入项目:

  • 弹射暴露webpack配置:npm run eject;
  • 安装less,less-loader;
    npm install less less-loader --save-dev
  • 安装antd,babel-plugin-import;
    npm install antd -S npm install babel-plugin-import -D
    3.修改webpack.config.js文件中的配置:
  • 追加方框处代码

使用3.x版本create-react-app构建react并使用less和antd按需加载并修改主题颜色小总结_第1张图片

  • 追加less配置
    使用3.x版本create-react-app构建react并使用less和antd按需加载并修改主题颜色小总结_第2张图片

  • 找到getStyleLoaders方法,追加代码:

使用3.x版本create-react-app构建react并使用less和antd按需加载并修改主题颜色小总结_第3张图片

  • 最后一步,如何修改配置antd主题颜色,修改方框处代码为:
    使用3.x版本create-react-app构建react并使用less和antd按需加载并修改主题颜色小总结_第4张图片
    好了,大功告成

使用3.x版本create-react-app构建react并使用less和antd按需加载并修改主题颜色小总结_第5张图片

你可能感兴趣的:(react,js)