npx
npm 从5.2版开始,增加了 npx 命令
npx 想要解决的主要问题,就是调用项目内部安装的模块
比如,项目内部安装了webpack
npx 的原理很简单,就是运行的时候,会到node_modules/.bin路径和环境变量 P A T H 里 面 , 检 查 命 令 是 否 存 在 。 由 于 n p x 会 检 查 环 境 变 量 PATH里面,检查命令是否存在。 由于 npx 会检查环境变量 PATH里面,检查命令是否存在。由于npx会检查环境变量PATH,所以系统命令也可以调用。
webpack
webpack@3自带webpack-cli
之后的版本需要自行安装webpack-cliwebpack(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做了两件事:它允许连接数组并合并对象,而不是覆盖组合。