webpack
11篇文章 · 0订阅
  • Nginx，Charles与Webpack配置前端API代理教程(超详细)
    大家都知道，浏览器是存在跨域限制的，处于安全性考虑，服务器ABC不可能设置为允许任何请求都可以访问，So, 我们配置前端API的代理的目的其实就是为了解决跨域问题，前端按照既定的规则配置好代理之后，就能保证开发阶段和线上部署服务的一致。 本文以配置Dva项目的代理为示例，因为D…
    前端 Nginx Webpack
    Nginx，Charles与Webpack配置前端API代理教程(超详细)
  • 前端面试之webpack篇
    还是以前一样，有些概念面试可能会考，我都用*标记了出来，两句话就总结清楚其余的地方如果你想了解webpack，就仔细看看，虽然本教程不能让你webpack玩的很6，但是懂操作流程够了。面试你一般问你webpack的原理，Loader的原理，你有用那些优化措施 前端开发已经模块化…
  • 干货！撸一个webpack插件(内含tapable详解+webpack流程)
    Webpack可以将其理解是一种基于事件流的编程范例，一个插件合集。 而将这些插件控制在webapck事件流上的运行的就是webpack自己写的基础类Tapable。 将plugin控制在webapack事件流上运行（如下图）。后面我们将看到核心的对象 Compiler、Com…
    Webpack
  • webpack详解
    webpack是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置，便可以轻松实现对代码的构建呢？ Plugins：Loaders将各类型的文件处理成webpack能够处理的模块，plugins有着很强的能力。…
    JavaScript 前端 Promise
  • Vue CLI 2&3 下的项目优化实践 —— CDN + Gzip + Prerender
    和很多小伙伴一样，我在开发Vue项目时也是基于官方vue-cli@2的webpack模版，但随着项目越做越大，依赖的第三方npm包越来越多，构建之后的文件也会越来越大，尤其是vendor.js,甚至会达到2M左右。再加上又是单页应用，这就会导致在网速较慢或者服务器带宽有限的情况…
    Vue.js 前端 SEO
    Vue CLI 2&3 下的项目优化实践 —— CDN + Gzip + Prerender
  • webpack进阶——DllPlugin优化打包性能（基于vue-cli）
    将静态资源文件（运行依赖包）与源文件分开打包，先使用DllPlugin给静态资源打包，再使用DllReferencePlugin让源文件引用资源文件。
    Webpack 前端 Vue.js
    webpack进阶——DllPlugin优化打包性能（基于vue-cli）
  • contenthash才是缓存的重要hash - webpack hash contenthash chunkhash你真的懂了吗?
    webpack在实例化的时候会在全局创建一个Tapable子类Compiler, 该实例掌握了初始化配置信息，运行编译入口函数，注册和调用插件等等。 但是, 每个chunk都是有css与js组成, 也就是说当其中一个文件发生变化，这个chunk都会重新编译，此时contenth…
    Webpack
  • 平庸前端码农之蜕变 — AST
    首先，先说明下该文章是译文，原文出自《AST for JavaScript developers》。很少花时间特地翻译一篇文章，咬文嚼字是件很累的事情，实在是这篇写的太棒了，所以忍不住想和大家一起分享。 该译文出自我的博客：github.com/CodeLittlePrince…
    JavaScript 前端 SVG
    平庸前端码农之蜕变 — AST
  • 一步一步的了解webpack4的splitChunk插件
    webpack4出了两个月，发现大家包括我对splitChunk的使用都还是在摸索阶段。我也看了挺多别人的配置demo，都觉得不太满意或者没得到太好的解惑，issue 下面的问题也没什么人回复，只能自己操作了，顺便记录下来，如果大家有更好的，欢迎评论区留下地址。 maxAsyn…
    React.js JavaScript 前端
    一步一步的了解webpack4的splitChunk插件
  • webpack 中那些最易混淆的 5 个知识点
    今天我主要分享的是一些 webpack 中的易混淆知识点，也是面试的常见内容。我把这些分散在文档和教程里的内容总结起来，目前看是全网独一份，大家可以加个收藏，方便以后检索和学习
    Webpack 面试
    webpack 中那些最易混淆的 5 个知识点