react-create-app/vue-cli使用对比

如果每个新项目，都 需要配置webpack、webpack-dev-server、babel转码，再加上各种loaders和plugins配置，如此 针对性的搭建一个开发环境。

实在吃力不讨好。之前我新建过模板工程

https://github.com/zhoulujun/wepack4-react-project-template

https://github.com/zhoulujun/webpack4-vue2-project-template

但是这类玩意，在bk-cli 和react-create-app，还是太……

react-create-app/vue-cli

Vue 和 React 都是目前非常著名的前端框架。React 使用 create-react-app，Vue 使用 vue-cli（两个应用程序都使用默认的 CLI（command-line interface，命令行界面） 构建），他们的具体差别，推荐阅读：

• 《前端工程师进阶：深度对比vue与react创建APP的差别 https://zhuanlan.zhihu.com/p/161378081》

• 《vue-cli及create-react-app源码分析 https://blog.csdn.net/csu_passer/article/details/102923527》

修改react-create-app/vue-cli webpack 配置

一般的单页面其实无需修改任何配置，但是如果你需要开发多页面，或者其他的特殊打包输出配置，就需要扩展这些cli的原有配置

react-create-app修改webpack配置

Create React App  在 package.json 的 script  有一个eject 命令。 run 这个命令及可以生成config 配置文件，然后修改配置文件即可。

react-app-rewired

react-app-rewired此工具可以在不 'eject' 也不创建额外 react-scripts 的情况下修改 create-react-app 内置的 webpack 配置，然后你将拥有 create-react-app 的一切特性，且可以根据你的需要去配置 webpack 的 plugins, loaders 等。

具体查看：https://github.com/timarney/react-app-rewired/blob/master/README_zh.md

vue-cli修改webpack配置

具体参看《vue-loader与vue-cli webpack配置笔记：vue-config.js笔记 替换loader》,其他没有啥好说的

转载本站文章《react-create-app/vue-cli使用对比》,
请注明出处：https://www.zhoulujun.cn/html/webfront/ECMAScript/jsBase/2021_0818_8785.html