用node.js和webpack做前后端分离的总结

Posted 2020-10-03

1.webpack打包的特点 （打包文件到指定地点，修改原文件里的引用路径为打包的地点） 涉及output的path/public path/dev-server里的public path等概念

　webpack的入口是js文件，可以包办从js里引入的css和其他html模块，但无法包办根html文件(index.html)，即引入webpack入口js文件的html文件。

2.开发环境（dev）和生产/线上环境(prod)的区分 （是否压缩，不同的打包路径，不同的config等等）

3.express如何调用静态文件 express.static() 以及app.use是如何处理url（按顺序处理，接管子路径，static的加载规则(是否重定向目录，是否使用默认的index)等等）

4.dev-server中引用的目录问题，有一些是以node.js实际启动脚本位置的目录为基准的。(与nodeJs中不同的路径表示方式有关)

5.webpack的热更新中间件配置，可以在启动静态资源前使用webpack进行编译，并且监视变化

6.process是node的全局变量，global.process 可以通过它取到运行脚本时在命令行输入的参数 ，以此控制是测试状态还是开发状态。