前言：最近天天加班做新项目，Taro版的小程序，还要实现富文本加海报，踩了不少坑，下次专门开个坑说一下。 回到脚手架，说实话从头写一个，即便是参考create-react-app，还是遇到了很多很多问题，这些都是需要自…

webpack 4 出来也已经一年了，公司的老项目用的还是webpack3，也是时候该升级一波了。说实话webpack4还是有几点挺吸引我的，估计也是感受到了parcel的压力，4这个版本内置了很多默认配置。

vue-loader.conf.js 详解 {代码…} 原文：[链接]

Code Splitting是webpack的一个重要特性，他允许你将代码打包生成多个bundle。对多页应用来说，它是必须的，因为必须要配置多个入口生成多个bundle；对于单页应用来说，如果只打包成一个bundle可能体积很大，导致…

webpack本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是Tapable，webpack中最核心的负责编译的Compiler和负责创建bundles的Compilation都是Tapable的实例。Tapable暴露出…

现在很多开发朋友对于使用webapck、babel搭建开发环境已经不陌生，但很少去系统性的了解项目依赖。

开发环境的时候图片路径好好的，怎么发布到线上就404了？？？或者说html里面引用的img路径是正确的，怎么到css里面路径404了？

系列博客链接 webpack4入门学习笔记(一) webpack4入门学习笔记(二) webpack4入门学习笔记(三)–Babel的使用 webpack4入门学习笔记(四)–Tree Shaking与拆分配置文件 笔记的代码是在前面笔记基础上修改的，可以下…

首先我们来看一下为什么需要loader，以及他能干什么?webpack 只能理解 JavaScript 和 JSON 文件。loader 让 webpack 能够去处理其他类型的文件，并将它们转换为有效模块，以供应用程序使用，以及被添加到依赖图中。

就是每个页面之加载需要的内容，这一点在多页应用中一般都有注意，单页应用可以用webpack的import与vue的异步组件实现；react由于本人不熟，肯定也有相应的解决方案