npm package常用介绍

npx

npm 从5.2版开始，增加了 npx 命令
npx 想要解决的主要问题，就是调用项目内部安装的模块
比如，项目内部安装了webpack
npx 的原理很简单，就是运行的时候，会到node_modules/.bin路径和环境变量$PATH里面，检查命令是否存在。由于npx会检查环境变量$PATH，所以系统命令也可以调用。

---

webpack

webpack@3自带webpack-cli
之后的版本需要自行安装webpack-cli

webpack(config,function(err, stats){})

---

webpack-cli

webpackcli提供了一组灵活的命令，供开发人员在设置自定义webpack项目时提高速度。
从webpackv4开始，webpack不需要配置文件，但是开发人员通常希望根据他们的用例和需求创建一个更定制的webpack配置。
webpack CLI通过提供一组工具来改进自定义webpack配置的设置，从而满足了这些需求。

---

rimraf

以包的形式包装rm -rf命令，用来删除文件和文件夹的，不管文件夹是否为空，都可删除。

---

chalk

chalk 是一个可以修改终端输出字符样式的 npm 包

---

ora

用来实现node.js命令行环境的loading效果，和显示各种状态的图标等

---

babel-polyfill

解决 ie9和一些低版本的高级浏览器对es6新语法并不支持

---

element-ui

一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

---

echarts

一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求

---

echarts-liquidfill

ECharts 水球图

---

axios

易用、简洁且高效的http库

---

mockjs

生成随机数据，拦截 Ajax 请求

---

vue

渐进式JavaScript 框架

---

vue-cookie

专门用于在vue中处理浏览器的cookie操作

---

vue-pdf

PDF文件在线预览

---

vue-router

Vue Router 是 Vue.js (opens new window)官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌

---

vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式
Vuex 可以帮助我们管理共享状态，并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。> 如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。

---

vue-loader

• 允许为 Vue 组件的每个部分使用其它的 webpack loader，例如在 style 的部分使用 Sass 和在 template 的部分使用 Pug；
• 允许在一个 .vue 文件中使用自定义块，并对其运用自定义的 loader 链；
• 使用 webpack loader 将 style 和 template 中引用的资源当作模块依赖来处理；
• 为每个组件模拟出 scoped CSS；
• 在开发过程中使用热重载来保持状态。

---

webpack-merge

配置文件分开写
如果配置文件被分成了许多不同的部分，那么必须以某种方式来组合他们，通常就是合并数组和对象，webpack-merge很好的做到了这一点。
webpack-merge做了两件事：它允许连接数组并合并对象，而不是覆盖组合。

---