webpack
16篇文章 · 0订阅
  • webpack 持久化缓存实践
    最近在看 webpack 如何做持久化缓存的内容，发现其中还是有一些坑点的，正好有时间就将它们整理总结一下，读完本文你大致能够明白： 什么是持久化缓存，为什么做持久化缓存？webpack 如何做持久化缓存？webpack 做缓存的一些注意点。
    webpack 持久化缓存实践
  • webpack 4.0.0-beta.0 新特性介绍
    近年来前端技术如雨后春笋般蓬勃发展，我们也在这个潮流下不断地学习、成长。前端技术的不断发展，给我们提供了许多的便利。例如：JSX的出现为我们提供了一个清晰、直观的方式来描述组件树，LESS/SASS的出现提高了我们书写css的能力，AMD/CommonJS/ES6 的出现为我们…
    Webpack 前端 JavaScript
    webpack 4.0.0-beta.0 新特性介绍
  • 看清楚真正的 Webpack 插件
    什么是 webpack？ webpack 能干什么？ webpack 怎么用？ 太多的入门教程了，一搜一大把，不再说了，而且 webpack 的官方文档应该是文档届的标杆了，太详细了，由浅入深，从玩具类型的初级 Level，到深度优化的生产环境下产品级别的高级 Level 都讲…
    Webpack
    看清楚真正的 Webpack 插件
  • webpack 中那些最易混淆的 5 个知识点
    今天我主要分享的是一些 webpack 中的易混淆知识点，也是面试的常见内容。我把这些分散在文档和教程里的内容总结起来，目前看是全网独一份，大家可以加个收藏，方便以后检索和学习
    Webpack 面试
    webpack 中那些最易混淆的 5 个知识点
  • webpack4之splitchunksPlugin拆拆拆--项目实践
    其他的非公共代码。 all: 不管文件是动态还是非动态载入，统一将文件分离。当页面首次载入会引入所有的包 async： 将异步加载的文件分离，首次一般不引入，到需要异步引入的组件才会引入。 initial：将异步和非异步的文件分离，如果一个文件被异步引入也被非异步引入，那它会被…
    React.js JavaScript 前端
    webpack4之splitchunksPlugin拆拆拆--项目实践
  • webpack dll打包重复问题优化
    关于webpack dll的使用，我这里不做过多介绍，网上都有，一撸一大把，今天我要说的是在使用dll plugin过程中出现的一个包依赖问题，这个问题导致打出来的包会包含重复的代码。
    Vue.js JavaScript 前端
    webpack dll打包重复问题优化
  • webpack4-用之初体验，一起敲它十一遍
    在webpack4之前，提取公共代码都是通过一个叫CommonsChunkPlugin的插件来办到的。到了4以后，内置了一个一模一样的功能，而且起了一个好听的名字叫“优化” 好了，就写到这里吧，想必大家也看累了吧，辛苦大家了，哈哈。
    CSS JavaScript 前端
    webpack4-用之初体验，一起敲它十一遍
  • Webpack最简单的方式Mock API
    mocker-api 是一个为 REST API 创建 mock 的 webpack-dev-server 中间件。 当您尝试在没有实际的 REST API 服务器的情况下，测试您的应用程序时，这将会很有帮助。 上面的 key 比较特殊，由 methd 和 path 组合，中间…
    API Webpack
    Webpack最简单的方式Mock API
  • CommonsChunkPlugin学习小结
    如果你还有兴趣，那就一起来看看吧。 首先弄明白chunk是什么东西：webpack将多个模块打包之后的代码集合称为chunk。 entry chunk: 含有webpack runtime代码的模块代码集合。 normal chunk：不含runtime代码的模块集合。 ini…
    Webpack
  • 细说 webpack 之流程篇
    目前，几乎所有业务的开发构建都会用到 webpack 。的确，作为模块加载和打包神器，只需配置几个文件，加载各种 loader 就可以享受无痛流程化开发。但对于 webpack 这样一个复杂度较高的插件集合，它的整体流程及思想对我们来说还是很透明的。那么接下来我会带你了解 webpack 这样一个构建黑盒，首先来谈谈它的流程。
    前端 Webpack
    细说 webpack 之流程篇