现代JavaScript开发

开发

• 代码的模块化，方便维护和复用。这些模块化可能是我们自己使用的模块也有可能第三方包；
• 第三方包有都可以从npm中下载到（包含开源包，以便我们自己的代码中包含第三方代码，比如react、jQuery，leaflet等等，也包含帮助我们构建应用程序的开发工具，例如实时服务器、Parcel、Babel、vite等等）；

构建过程

• 通过构建工具将所有的依赖整合成一个捆绑包，也就是合并成一个文件，这个过程也可以去除或者忽略一些你没有被使用的代码，以便于浏览器加载；
• 这类的工具有很多，例如Webpack、Rollup、Vite、Pracel；
• 之后也可能会使用到Babel，它的作用是
  • 转译现代 JavaScript： 将现代 JavaScript 特性（如 ES6+ 的箭头函数、可选链等）转译为旧版本（如 ES5）以兼容老旧浏览器。
  • 支持 Polyfill： 使用工具（如 core-js）填充不支持的全局功能（如 Promise）。
  • 语法降级： 将浏览器尚未支持的 JavaScript 提案（如装饰器、私有字段）转译为兼容代码。
• 最终就会形成JavaScript捆绑包，用于生产服务器的部署；