服务器什么建网站,室内设计培训班排行榜,微博问答网站开发,小程序制作流程收费随着项目的复杂度升级#xff0c;代码规范和管理就必须要同步提升。于是#xff0c;编程社区中提出了多种模块化规范#xff0c;服务端选择了 CommonJS 规范#xff0c;客户端选择 AMD 规范较多#xff0c;但是#xff0c;两种模块化规范也都存在一定的问题#xff0c;都…随着项目的复杂度升级代码规范和管理就必须要同步提升。于是编程社区中提出了多种模块化规范服务端选择了 CommonJS 规范客户端选择 AMD 规范较多但是两种模块化规范也都存在一定的问题都是 JS 编程有两个不同的模块化规范在 JS 语言层面还是不够的终于在 ES6 中ECMA 委员会推出了语言层面模块系统ES Modules 规范模块化可以帮助我们更好地解决复杂应用开发过程中的代码组织问题但是随着模块化思想的引入我们的前端应用又会产生了一些新的问题比如首先我们所使用的 ES Modules 模块系统本身就存在环境兼容问题。尽管现如今主流浏览器的最新版本都支持这一特性但是目前还无法保证用户的浏览器使用情况。所以我们还需要解决兼容问题其次模块化的方式划分出来的模块文件过多而前端应用又运行在浏览器中每一个文件都需要单独从服务器请求回来。零散的模块文件必然会导致浏览器的频繁发送网络请求影响应用的工作效率最后谈一下在实现 JS 模块化的基础上的发散。随着应用日益复杂在前端应用开发过程中不仅仅只有 JavaScript 代码需要模块化HTML 和 CSS 这些资源文件也会面临需要被模块化的问题。而且从宏观角度来看这些文件也都应该看作前端应用中的一个模块只不过这些模块的种类和用途跟 JavaScript 不同对于开发过程而言模块化肯定是必要的所以我们需要在前面所说的模块化实现的基础之上引入更好的方案或者工具去解决上面提出的 3 个问题让我们的应用在开发阶段继续享受模块化带来的优势又不必担心模块化对生产环境所产生的影响本质上webpack 是一个现代 JavaScript 应用程序的静态模块打包器module bundlerVue 脚手架工具 vue-cli 使用 webpack 进行打包开发时可以启动本地开发服务器实时预览。因为需要对整个项目文件进行打包开发服务器启动缓慢而对于开发时文件修改后的热更新 HMR 也存在同样的问题Webpack 的热更新会以当前修改的文件为入口重新 build 打包所有涉及到的依赖也都会被重新加载一次Vite 则很好地解决了上面的两个问题打包问题vite 只启动一台静态页面的服务器对文件代码不打包服务器会根据客户端的请求加载不同的模块处理实现真正的按需加载热更新问题vite 采用立即编译当前修改文件的办法。同时 vite 还会使用缓存机制( http 缓存 vite 内置缓存 )加载更新后的文件内容所以vite 具有了快速冷启动、按需编译、模块热更新等优良特质综上所述vite 构建项目与 vue-cli 构建的项目在开发模式下还是有比较大的区别Vite 在开发模式下不需要打包可以直接运行使用的是 ES6 的模块化加载规则Vue-CLI 开发模式下必须对项目打包才可以运行Vite 基于缓存的热更新Vue-CLI 基于 Webpack 的热更新
