以上是笔者平时针对自己项目或者公司项目累积的一点vue项目打包优化知识，也许你有更好的优化点，或者更好的优化方案，欢迎提供案例，学习学习。

Module Federation 模块共享整体是通过ModuleFederationPlugin这个插件串联起来的。

Grunt是最早的前端构建系统，插件生态非常的完善。由于其工作过程是基于临时文件实现的，每一步都要读写磁盘，所以构建速度相对较慢。 如果在运行的时候，文件找不到了，可以标记任务为失败任务。失败任务只要返回false即可 运行之后，就会抛出错误，然后后面的任务就会中断。 Grun…

之前写过一个4.0之前版本的gulp，这里引用一下 Gulp(4.0之前旧版本)——自动化的流程构建工具 ，不过可以不用看，直接看下面的就行。 特点就是高效、易用。使用Gulp开发很简单。 虽然4.0之后还可以使用，但是这种方式已经不被推荐了。更推荐大家使用导出函数成员的方式去…

关于样式这里的操作我们需要将所有的scss、less文件编译成css文件，所以下面进行具体操作。 项目中都有public目录，这些存放一些静态的公共目录，直接输出到dist文件即可。 在编译输出文件之前，需要把之前的目录删掉，使用del模块进行操作。这个不是gulp插件，但是因…

...

说明：在拉钩前前后后，反反复复地学习了几遍webpack, 终于把webpack相关脉络理清楚了。 webpack 本身默认只能处理js,只要一个默认的js-loader,如果需要处理其他类型的文件，需要配置其他的loader,比如css-loader,ts-loader. 配…

本系列参考 79 篇文章，总结出 6 篇文章，感谢小伙伴们的支持。 [x] 原理：将现有的 ES6+ 代码，先通过 词法分析 和 语法分析 之后 解析 为 AST，然后将这份 AST 转换 为我们需要形式的 AST，最后将这个 AST 再转换成 ES5 或者期望格式的内容。 […

本文从这 2 个角度出发，收集一些相关优化资料。 resolve.modules 用于配置 Webpack 去哪些目录下寻找第三方模块，默认是 ['node_modules']。 但是，它会先去当前目录的 ./node_modules 查找，没有的话再去 ../node_mod…