第一章: react创建项目

98 阅读1分钟

前提:你的机器上安装 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')//添加
}