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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用node.js和webpack做前后端分离的总结相关的知识,希望对你有一定的参考价值。

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

以上是关于用node.js和webpack做前后端分离的总结的主要内容,如果未能解决你的问题,请参考以下文章

全栈新视觉——前后端分离

关于node以及前后端分离的一些想法

自学前后端分离(vue+express+axios+mysql+node.js)

为什么要前后端分离?前后端分离的好处和坏处是什么?

前后端分离与Node和NPM的那些事

java结合node.js非对称加密,实现密文登录传参——让前后端分离的项目更安全