create react project without create-react-app

各种框架都有自己的命令行工具，用以一键生成项目。所以平时很少有机会接触 webpack 的配置，顶多在原来的配置文件基础上进行略微地改动。

为了深刻理解前端打包工具是如何与前端项目进行配合的，我刻意花了几天的时间学习了 webpack 的使用。

该项目在不使用create-react-app的情况下，使用 webpack 一步步搭建 react 项目。我会记录搭建过程，并与大家分享我的学习成果。

项目起步

安装

npm install

启动

npm start

打包

npm run build

Wiki

• Home
• 第一章 搭建项目雏形
• 第二章 拆分 webpack 配置
• 第三章 改善项目

参考

Learn Webpack

Webpack 的 Bundle Split 和 Code Split 区别和应用

webpack guides

learn Webpack step by step