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

时间:2021-03-24 17:13:22

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 可以通过它取到运行脚本时在命令行输入的参数 ,以此控制是测试状态还是开发状态。