云服务器上的资源很珍贵呀，一些服务跑着跑着，不知道的情况下，磁盘就满了，啥都干不了。
如何查看哪些资源占用了磁盘，下面又两种方法
在根目录，/ ，通过查询哪些文件占用了大于多少M，就能看出哪些大文件占用了磁盘。
2. 但又写小文件，比如缓存之类的，单个占用的较少，如果加起来，这个占用量也不小，比如anyproxy的缓存文件。我们就得逐一排查了。使用命令du -sh *,就能计算出每个文件夹的大小。
du -sh *
#du -sh 目录路径 // 查看目录的真实大小;-s：summaries，只显示汇总的大小;-h：表示以高可读性的形式进行显示
#du -sh * | sort -n //sort排序首列 ； -n 把首列看作是数字类型进行排序
官网文档解释的很清楚，就是webpack可以不处理应用的某些依赖库，使用externals配置后，依旧可以在代码中通过CMD、AMD或者window/global全局的方式访问。
webpack打包的体积越小，对于部署应用的网站来说，性能越好，加载速度越快。
在众多的webpack配置教程中，对externals这个配置选项，总是一带而过，把文档中提到的几种方式都复述一遍，但是对于开发者而言，根本没法完全理解。本文试图通过一整篇文章，详细的对externals这个参数进行讲解。
按照官方文档的解释，如果我们想引用一个库，但是又不想让webpack打包，并且又不影响我们在程序中以CMD、AMD或者window/global全局等方式进行使用，那就可以通过配置externals。这个功能主要是用在创建一个库的时候用的，但是也可以在我们项目开发中充分使用。
防止将某些 import 的包(package)打包到 bundle 中，而是在运行时(runtime)再去从外部获取这些扩展依赖(external dependencies)。
同有个疑问，cdn区分开发版本和生产版本呀。怎么去动态设置呢？？
在Chrome中按下Ctrl+Shift+N,进入隐身模式,隐身模式会禁用所有的插件。
DOM，this.$el,vue
yarn upgrade 用于更新包到基于规范范围的最新版本
所有组件都需要这么去调用，就会有些许麻烦而且不太美观。像Loading、Toast等这些组件，一页面可以经常用到而且每次显示的内容都可能不一样，这样的话用js的方式【this.$xxx.show(option)】去调用就方便很多，而且代码也更整洁。