码迷,mamicode.com
首页 > 移动开发 > 详细

React-create-app不eject配置项目

时间:2019-05-24 19:28:58      阅读:400      评论:0      收藏:0      [点我收藏+]

标签:ref   modify   customize   neu   rac   create   src   local   enable   

React-create-app without eject

Customize-cra文档:https://github.com/arackaf/customize-cra#readme

文档不是很详细,也可以查看源码文件中的方法。

根目录添加 config-overrides.js 文件用来扩展配置

首先参考https://ant.design/docs/react/use-with-create-react-app-cn 

可以实现基本需求,包含:按需引入,加入Less 

目前用到的大致如下:( 可以参考项目:https://github.com/zlinggnilz/react-multi-level-form )

const { override, fixBabelImports, addDecoratorsLegacy, addLessLoader, addWebpackAlias } = require(‘customize-cra‘);

const path = require(‘path‘);

module.exports = override(
  addDecoratorsLegacy(),
  addWebpackAlias({
    ‘@‘: path.join(__dirname, ‘.‘, ‘src‘),
  }),
  fixBabelImports(‘import‘, {
    libraryName: ‘antd‘,
    libraryDirectory: ‘es‘,
    style: true,
  }),
  addLessLoader({
    javascriptEnabled: true,
    // modifyVars: { ‘@primary-color‘: ‘#0da6f5‘ },
    localIdentName: ‘[path][name]-[local]‘,
  })
);

 

React-create-app不eject配置项目

标签:ref   modify   customize   neu   rac   create   src   local   enable   

原文地址:https://www.cnblogs.com/zling-gnilz/p/10919369.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!