自从 2018 年 2 月，webpack4 发布以来，webpack 就暂时没有更进一步的重大更新，为了保持 API 的一致性，旧的架构没有做太多改变，遗留了很多的包袱。阔别 2 年多后，2020 年 10 月 10 日，webpack 5 正式发布，并带来了诸多重大的变更，…

当我全局引入a.scss文件时，就会使得全局的title类名的元素文字颜色都变为红色。 使用webpack-dev-server 时。你会发现，现在没有dist目录了 ，这是因为webpack-dev-server将打包后后的文件放在了电脑的缓存中 浏览器会重新刷新，之前的所有…

Webpack是一个模块打包工具，在Webpack里一切文件皆模块。通过loader转换文件，通过plugin注入钩子，最后输出由多个模块组合的文件。Webpack专注构建模块化项目。 Webpack可以看作是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript…

直接本地输入基础路径可以进入，但一刷新页面空白，怀疑是路径配置不对，资源没有加载成功。 webpack.config中，output项的publicPathc：影响资源生成路径。 devServer中的publicPath：影响资源在本地开发环境（浏览器）中的访问，换句话说，这…

笔者最近在整理关于 webpack 相关的知识点，一方面是因为自己掌握的知识点比较零碎、不够系统，有时候碰到问题不知从何下手，另外一方面 webpack5.0 已经在路上了，这的确是一个让人头秃的消息。 笔者把系列的文章都扔在了这个仓库：webpack 学习整理文档，有兴趣的同…

webpack plugins可以被用来做一些诸如打包代码优化，资源管理，环境变量注入等一系列有用的工作。 本文将会为大家介绍6个超有用的webpack插件。 这个插件会将webpack的输出文件进行可视化展示，展示的树形结构可以进行放大缩小等一系列交互操作。 offline-…

2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…

想要学好 webpack，我们首先要了解 webpack 的机制，我们先从js加载css开始学习。 bundle 是一个立即执行函数，可以认为它是把所有模块捆绑在一起的一个巨型模块。 学习一个工具我们不仅要看懂它的配置，还要对它的原理一起了解，只有学到框架的精髓，我们才能应对如…