＃170：观看业余旋转React + Babel + Webpack + CSS Modules项目

影片下载
（只有MVP支持者可以下载原始高质量的录音以供离线查看。）

公平警告！ 对于如何设置这些技术，这不是快速，直接，专家驱动的过程。 尽管到最后，我们确实成功完成了一切。 这是关于记录进行此类工作的真实经验。 有些事情很容易工作，有些则不行。 有时候是我的错 有时文档不清楚。 有时我们的脚下发生了变化。 我们必须为这一切奋斗。

我们在这里有一个小计划。 我们要做的是启动一个使用以下内容的本地项目：

1. React ：假设我们正在构建SPA，并且强烈希望使用组件模型。
2. ReactDOM –我们正在为网络而建。
3. Webpack ：我们需要开发服务器，热模块重新加载，以及以有价值的方式捆绑依赖项的方法。
4. Babel ：将来可能不需要太多JavaScript编译，但是我们确实需要JSX，Babel就是它的编译对象。
5. CSS模块 ：我们想编写一些隔离的特定于组件CSS，这是在样式表中保留样式的一种好方法。

幸运的是，当我计划制作此视频时，我发现了Linh Nguyen My的文章“如何使用Webpack 4从零开始创建React应用” 。 中号拍手12.5K！ 哇！ 我也添加了一些拍手声，因为它似乎是其中一个教程，它实际上以一种可行的可行方式涵盖了这种超级受欢迎的朋友组合。

这并不是说一切都顺利进行！ 一路上我遇到很多小麻烦。 其中有些是我发胖的东西。 当我们运行我几乎不了解的命令时，其中一些神秘的错误会弹出。 其中一些似乎缺少有关功能的文档。 尽管如此，我们最终将所有问题整理了出来，并有一个可行的项目！

翻译自: https://css-tricks.com/video-screencasts/170-watch-an-amateur-spin-up-a-react-babel-webpack-css-modules-project/