前提:你的机器上安装 Node >= 8.10 和 npm >= 5.6
npx create-react-app my-app(项目名)
cd my-app
npm start
开发环境下运行项目: yarn start
打包项目: yarn build
暴露出配置(webpack)文件: yarn eject
- 比如安装less
//=> 要把代码提交一下
git add .
git commit -m 'init-project'
yarn eject 暴露出webpack的配置(这是不可逆的) -> 新增config文件 -> 可以去webpack.cofig.js修改配置了
yarn add less less-loader //=> 安装模块
const cssModuleRegex = /\.module\.(css|less)$/ // => 修改配置
// => module中的rules
在处理css的rules 中
{
test: cssRegex,//开头的
exclude: cssModuleRegex,
...,
use(..., 'less-loader')//添加
}
{
test: cssModuleRegex,//开头的
...,
use(..., 'less-loader')//添加
}