javascript - 现在有必要配置React.js环境(Webpack,Babel)吗?

标签 javascript reactjs

我是 React.js 初学者。我通常使用这些命令启动项目,不需要任何配置:

npm install -g create-react-app
create-react-app my-app

但是我发现网上很多教程都是通过配置Webpack和Babel来启动项目的。他们必须配置 webpack.config.js。

另外,当我使用“create-react-app”启动我的项目时,我找不到这个文件,我不知道如何配置我的 webpack。

我的问题:

有必要通过这种方式启动项目吗?

自己配置环境和使用create-react-app构建项目有什么区别?

哪个最好或最常见?

最佳答案

我认为答案取决于您要制作的内容的情况。我认为 create-react-app 是一个良好的开端,但它会在您执行“npm run eject”之前对您隐藏创建环境的文件。有许多 React 样板文件(预配置的入门环境)可供您选择。这是一个列表:http://andrewhfarmer.com/starter-project/

作为一个也在学习 React.js 的人和一个花了很多时间试图找到“最佳”样板的人,我认为最好的选择是从你需要的一个非常小的子集开始(babel, react npm package, webpack),然后在找到项目所需内容时逐步添加所需内容。

我认为从这样的小环境开始是很好的,因为如果你使用像 Kriasoft 的“react-starter-kit”这样的高级样板,可能会有很多术语和你可能不需要的无关东西,比如测试(这始终是一个很好的做法,但在学习基本的 React.js 或制作小型网站时可能不需要它)。一些样板/ react 启动器环境也是固执己见的。例如,如果您曾经使用过 Next.js,则学习曲线很小,因为它让您以 Next.js 的方式做事,例如将组件放在“页面”文件夹中以进行渲染。

关于javascript - 现在有必要配置React.js环境(Webpack,Babel)吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45384726/

相关文章:

javascript - 更新折线图上的数据不起作用

javascript - 如何使用 jQuery 将所有 li 元素包装在 ul 元素内?

javascript - 在全局范围内声明两个同名函数时,第二个函数将被执行

javascript - 无法理解如何在 WordPress 中正确排列 jQuery

javascript - (ReactJS) 函数未传递给子组件

reactjs - 如何调试 React 加载项

javascript - 函数中定义的全局 Javascript 变量

reactjs - 使用 React 的 Azure Bot Framework 存在问题

reactjs - 使用axios限速的建议

reactjs - 语法错误 : Support for the experimental syntax 'jsx' isn't currently enabled