a8725585的博客

和传统的dead code elimination（DCE）区别为传统DCE消除不可能执行的代码，tree-shaking更关注消除没有用到的代码。基于作用域，在AST时对韩素或全局对象进行对象记录，然后在形成的整个作用域链对象中进行匹配import的导入并标识起来，最后打包匹配的代码，删除未匹配的。通过ES Module的特性可以进行静态分析的特点，在编译时进行静态分析导入导出关系，识别出无用代码进行剔除。从入口文件出发，找出所有读取的变量，找这些变量在哪里定义的，将定义语句包含进来，无关代码抛弃。

接着上一篇vue中编写通过方法调用的组件我们已经开发完成一个插件，接下来将其发布到npm,供他人使用同时也方便后续其它地方复用。接下来的打包主要是使用vue-cli3脚手架搭建的环境。cli2的打包发布可以看这篇文章 教你一步步封装vue组件并发布到npm。1、修改项目package.jsonvue-cli 3.x 提供了构建目标的命令,不用再去配置webpack.config,直接新增命令搞定target: 默认为构建应用，改为 lib 即可启用构建库模式name: 输出文件名.

版本说明npm包版本号： [大版本].[中间版本].[小版本]^ 匹配到中间版本最新~ 匹配到小版本最新不加标记，采用固定版本lernaLerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。代码库架构方式单包架构多包架构lerna常用命令lerna bootstrap clone下已存在的项目后在根目录运行该命令安装所有依赖项并链接交叉依赖lerna publish 为已经更新过的软件包创建一个新版本。提示 输入新版本号并更