create-react-app简单操作

Posted 风在吹,雪纷飞

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了create-react-app简单操作相关的知识,希望对你有一定的参考价值。

1、下载

  cnpm install create-react-app -g

2、创建文件

  create-react-app +文件名字

3、scss配置

  下载

    cnpm i [email protected] [email protected] -D

  配置

    在node_modules文件夹中,进入react-scripts文件夹中的config文件夹

    找到webpack.config.dev.js文件

    在module配置对象中找到exclude对象,在数组参数中添加/\.scss$/

    添加exclude同级对象,配置scss

      {

        test:/\.scss$/,

        loaders:[‘style-loader‘,‘css-loader‘,‘sass-loader‘]

      }

4、下载react及路由

  cnpm i [email protected] [email protected] -S

  cnpm i [email protected] -S

  版本16以上的react不支持2.8.1的路由

以上是关于create-react-app简单操作的主要内容,如果未能解决你的问题,请参考以下文章

为啥我收到此错误 - 错误:EPERM:不允许操作,找不到 mkdir 'C:\Users\Aniket' 命令:create-react-app

create-react-app 中的“npm run build”是啥?

使用create-react-app的其他HtmlWebpackPlugin()页面

一起使用 create-react-app 和 Sublimelinter ESlint

create-react-app 使用代理做 mock

create-react-app 使用代理做 mock