zoukankan      html  css  js  c++  java
  • 如何自动创建react项目的webpack

    在用creata-react-app脚手架构建react项目的时候,

     当我们使用软件打开之后,会发现共有几个文件

    其中:
    1.node_modules是各个插件存放位置
    2.public用于放置静态资源,里面的资源不会参与构建
    3.src是源码文件,一般做开发就在这个文件夹,会参与打包构建

    重点来了:
    在package.json中:
    只有三个依赖,分别是react,react-dom,react-scripts,依赖为什么这么少,是因为像webpack,babel等等都是被creat react app封装到了react-scripts这个项目当中,包括基本启动命令 都是通过调用react-scripts这个依赖下面的命令进行启动的,creat react app搭建出来的项目默认支持这4种命令,start以开发模式启动项目,build将整个项目进行构建,test进行测试,eject,会将原本creat react app对webpack,babel等相关配置的封装弹射出来,如果我们要将creat react app配置文件进行修改,现有目录下是没有地方修改的,此时,我们就可以通过eject命令将原本被封装到脚手架当中的命令弹射出来,然后就可以在项目的目录下看到很多配置文件。

    建议:
    安装完毕后,首先执行npm run eject;

    补救方法:
    先git add .
    然后git commit -m “init”
    然后再npm run eject
    ————————————————
    版权声明:本文为CSDN博主「hongyanwin」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/qq_30841657/article/details/91872302

  • 相关阅读:
    查询集 QuerySet
    JWT的认识和session的区别
    Django REST framework 简介
    Django自动获取项目中的全部URL
    flask数据库迁移
    类中方法的两种调用方式
    flask项目配置
    NOIP 模拟 $19; m u$
    NOIP 模拟 $18; m 老司机的狂欢$
    NOIP 模拟 $18; m 炼金术士的疑惑$
  • 原文地址:https://www.cnblogs.com/liyue666/p/12016829.html
Copyright © 2011-2022 走看看