从零开始搭建react脚手架

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了从零开始搭建react脚手架相关的知识,希望对你有一定的参考价值。

  1. 安装create-react-app:
    npm  -g  install  create-react-app
  2. 创建一个新项目:
    create-react-app  myapp
  3. 进入项目:
    cd  myapp
  4. 安装必备插件:
    npm  install  dollarphp  less  less-loader  create-react-class  prop-types  redux  react-redux  react-router-dom  antd
  5. node_modules/react-scripts/config

    文件夹找到:

    webpack.config.dev.js

    webpack.config.prod.js

    两个文件,修改配置,使其支持less:
    技术分享图片

  6. 参考项目:
    https://github.com/dollarphper/react.git

以上是关于从零开始搭建react脚手架的主要内容,如果未能解决你的问题,请参考以下文章

webpack系列从零搭建 webpack4+react 脚手架

从零开始搭建 creact-react-app 脚手架

webpack系列从零搭建 webpack4+react 脚手架

webpack4从零配置搭建简单的React16开发环境

React 从零搭建项目 使用 create-react-app脚手架

webpack系列从零搭建 webpack4+react 脚手架