Express React Webpack Babel Setup入门模板
express-react-webpack-babel-setup 的入门模板,挺适合想快速搭环境的你。用的是Express当后端服务器,React搞前端组件化,Webpack 4来打包资源,配合上Babel 7做语法转译,整个流程跑得顺又稳。
配置简单,npm install
下一步就能装好依赖。一个webpack --mode development
就把项目打包好了,public/bundle.js
里就是打好的文件。响应也快,改完代码热更新马上生效。
再来个npm start
就能直接启动server.js
,nodemon监听文件变动,省得你每次重启。开发流程流畅得,基本不用太操心。
适合用来当项目模板,或者临时搭个 PoC 环境也行。React 16配合热模块替换,调试体验蛮不错。别忘了装好 webpack-cli
哦,不然命令跑不起来。
如果你还不太清楚Webpack 热更新咋回事,可以看看Webpack 和 Express 集成实现热更新,讲得还挺清楚。
express-react-webpack-babel-setup-master.zip
预估大小:11个文件
express-react-webpack-babel-setup-master
文件夹
.gitignore
30B
.babelrc
79B
package.json
1KB
webpack.config.js
685B
dist
文件夹
main.js
116KB
js
文件夹
app.js
233B
components
文件夹
246.43KB
文件大小:
评论区