react学习笔记系列（三）（有关于脚手架项目）

我们都知道creat-react-app这个官方脚手架，但是使用它时难免遇到问题。

• 暴露webpack配置文件的问题：

有两种方法：

1. npm run eject 推荐这种，暴露后在config文件里修改配置，比如添加根路径@别名，比如添加less-loader：注意：抽离后，node-modules里面就没有react-scripts了
2. 安装react-app-rewired

采坑点：

1.Node.js 中，__dirname 总是指向被执行 js 文件的绝对路径，所以使用方法1配置根路径的时候需要

'@': path.join(__dirname, '../src')

2.有关于解析less按references操作即可，注意必须添加less-loader,否则不编译

3.使用方法2：在package.json同级目录下必须建立配置文件覆盖文件：config-overrides.js，具体参考References,它的问题是配置less-loader不方便

• 在暴露出来的配置文件里设置less模块化的问题：设置modules:true

Referencs:

如何解决 React 官方脚手架不支持 Less 的问题

解决：react项目中，npm run eject之后生成的webpack配置文件只有webpack.config.js和配置less和ant按需加载的问题（这个没添加less-loader）

react学习 - 自定义脚手架配置

【React】Erroe:Cannot find module 'react-scripts/package.json'异常解决方案

create-react-app创建出来项目，如何设置CSS模块化?