虽然市面上有很多的打包工具，例如 webpack、Rollup 以及 Parcel 等。毫无疑问，通过使用这些工具，在很大程度上改善了前端开发者的游戏体验。 但随着业务变得越来越复杂，我们不得构建比之前更大型的应用。此时，所需要处理的...

作者简介shuan feng，携程高级前端开发工程师，关注性能优化、低代码、svelte等领域。一、技术调研最近几年，前端框架层出不穷。近两年，前端圈又出了一个新宠：Svelte。作者是 Rich Harris，也就是 Ractive, Rollup 和 Bub...

Webpack是一个前端资源加载以及打包工具,只需要简单的配置即可实现前端各种工程化的操作。配置 webpack 说难不难，说简单也不简单，现在几大框架都配备了全家桶，quick-start 项目基本上都已经配置好了基础的 webpack 配置...

我司的项目基本上都是后端java，前端随意。前端什么技术都有，react、vue、jquery、regular、seajs…好在构建工具不复杂，也就是用的gulp + webpack其实，还算是比较灵活了，虽然没有用nodejs，但是java的ftl模板也足够支持前后...

Gulp是一个模块化打包工具。Gulp本身只有几个入口，支持他拥有强大功能的是各种各样的插件。Gulp的使用看起来非常简单，只需要一个一个任务链式执行就可以了，它还可以与Webpack结合起来使用比如将Webpack作为一个插件来处...

身为一位前端工程师或多或少都有听过 Webpack 这套前端打包工具吧，为了让最终打包的档案不会过于庞大，Webpack 可是下了非常多的苦功，例如：利用 Code Splitting 产出一个又一个的 chunk 让网页不会一次载入一份很大 JS包...

假设将带有 hash 值的静态资源推至 CDN 中，此时静态资源的地址为: https://cdn.shanyue.tech。而它即是我们将要在 webpack 中配置的 config.output.publicPath。

如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了

使用Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。

我们知道，在真实发布项目时，发布的是dist文件夹中的内容，但是dist文件夹中如果没有index.html文件，那么打包的js等文件也就没有意义了。