基于webpack的react脚手架

Posted 九转功成

tags:

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

一、前言:react的cli开发模式太过于简单,好多东西都要自己配置

二、这里有个简单的配置,可以直接上手开发(不熟悉webpack和npm的绕路),已经完成的配置如下

1:默认ejs模板

2:编译less、scss

3:热更新

4:抽离压缩CSS、js

5:打包后chunkhash模式的版本号

6:提取公用第三方JS库

7:图片base64处理

8:本机IP地址打开,便于手机测试

9:proxy本地代理配置,方便跨域测试接口

三:会不断更新,欢迎clone使用,源码戳这里

以上是关于基于webpack的react脚手架的主要内容,如果未能解决你的问题,请参考以下文章

Webpack

利用yeoman快速搭建React+webpack+es6脚手架

vite创建项目,cra创建项目,vue-cli创建项目

vite创建项目,cra创建项目,vue-cli创建项目

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

记一次改造react脚手架的过程