当前位置: 首页 > 后端技术 > Node.js

让express通过webpack支持es6-es7

时间:2023-04-03 12:01:38 Node.js

在webpack中的热替换,让es6/es7的开发速度真正达到编码的速度。项目地址:https://github.com/TheOne1006...受到react开发的启发,github中的很多模板都需要webpack支持的热替换。在https://github.com/kriasoft/r...项目中看到express也可以像开发前端一样使用es6语法,es6.github的Fasttranslation也有https://github.com/babel/exam...,它也可以将babel转换为es5。但是同样是在开发环境下,无法快速编译,因为babel会把所有的文件都转换一遍。而生产环境还是需要babel-cli来简单启动。注意:安装环境需要Yarn和Node.jsv6.5及以上版本。PS:其他环境我没试过。1.获取项目$gitclonehttps://github。com/TheOne1006/es6-express.gitMyApp$cdMyApp2.Runyarninstall该命令会安装package.json中的所有项目依赖和开发工具列表。3.运行yarnstart该命令将通过(/src)构建应用程序(/build)目录中的所有源文件。初始构建完成后,它将启动Node.js服务器(nodebuild/server.js)。构建完成后会启动三个端口,默认是localhost:3000--Node.js服务(build/server.js)localhost:3001--BrowserSync代理localhost:3002--会自动打开BrowserSync管理界面完成后,浏览器访问localhost:3001,然后修改代码中的src/*,即可在控制台看到更新过程。与使用nodemonbabel-node检测更新相比,它要快得多。同时也可以在代码中使用async等es6/es7语法。