近来遇项目打包之事，撰文记之。以期分享，皆有所获。 基于这个两个前提，我们再进行下一步。 其中 analyzerMode 的设置比较重要。 得出如上图的分包并不难，vue-element-admin 自带这些配置。 如果你暂时还看不懂这些配置项，先别急，后面会一一陈述。 你只用…

16个demo，webpack+react搭配使用首先教大家2个新技能 1.按照正常github地址情况下，你的github本身不能访问目录。 例如要访问vue-demo下的vueCpu文件夹:https://github.com/holidaying/vue-demo/vue…

使用 webpack 快一年了，现在 1.X 版本都过气了，但是感觉自己对它那复杂的配置还是很不熟悉，各种路径，各种 loader，各种 plugin，又是单页面又是多页面... 在 vue-cli 出来的时候，都不敢用他的 webpack 模板，主要就是因为 webpack 的配置文件看不懂，不敢自己根据需要做修改。现在沉下心来，一点一点的玩弄常用属性和插件，尽力能自如的进行配置。先拿配置中的 entry 开始。

這篇文章目標讀者是那些剛接觸 webpack 的新手。內容將會包含設定，模組的使用，loaders，plugins，code splitting（分拆程式碼），熱替換（Hot module replacement）。

用简单的例子来详细解释 webpack2 中的哪些路径系相关的配置。

webpack 不适合多页面应用？想必你听过很多这样的论断，也看到过 gulp+webpack 结合使用的方式，这不过是无奈之举，因为目前 webpack 可用的插件实在太少，自己写起来门槛又太高，相比之下，gulp 要灵活自如不少。 插件才是 webpack 的灵魂，用它就用它的灵魂，跳出自己的思维舒适区吧。

* webpack 前端工程化应用 * 基于 webpack 的多页应用架构 * 没有任何魔法, 便于扩展出适合自己的前端工程化方案, 例如单页, react, vue 等

网络上很多文章真的是很糟糕鸡肉鸭肉乱炖，包括早期webpack官方的文档，一套完整的配置教程要看个半天，配置起来更是麻烦！本文使用webpack1,其实跟版本2没多大改变，但是某些插件会导致报错，使用小心。 Git: https://github.com/asd0102433/…

这个项目，是为了熟悉 webpack 的打包，是从无到有一点一点配置起来的，需要什么功能就安装声明模块。模板包含 js、less、图片、模板 html/tpl/vue 的压缩合并处理 ，版本控制，代码检测，自动更新（修改 less 暂时不能自动更新），图片压缩采用了 gulp