yarn 运行
npm run dev 或 yarn run dev
Webpack 运行 webpack -w 编译 npm run build 或npm install /gulp
Grunt运行 grunt watch
现安装版本信息
node -v 8.9.3
npm -v 5.5.1
webpack -v 3.10.0
yarn --version 1.5.1
concurrently --version 3.5.1
gulp --version 3.9.1
//--------------------------------------------------------------------------------
Webpack https://www.runoob.com/w3cnote/webpack-tutorial.html
webpack 是一个前端资源加载/打包工具，它根据模块的依赖关系进行静态分析，
然后将这些模块按照指定的规则生成对应的静态资源。
modules with dependencies → webpack module bundler → static assets
模块依赖关系 webpack模块打包机 静态资源
//--------------------------------------------------------------------------------------
NPM http://www.runoob.com/nodejs/nodejs-npm.html
npm 是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：
1. 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
2. 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
3. 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
//---------------------------------------------------------------------------------------------
Yarn https://yarn.bootcss.com/
https://blog.csdn.net/peakchen_90/article/details/53360398
yarn 快速，可靠，安全的依赖管理工具。
//------------------------------------------------------------------------
bower 包管理工具
//-----------------------------------------------------------------------------
concurrently
作用 ： window可以同时运行多个命令 eg: gulp & webpack
//--------------------------------------------------------------------------
Gulp https://www.gulpjs.com.cn/
https://www.gulpjs.com.cn/docs/getting-started/
gulp 自动化构建工具
优点：
(1)易于使用
通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。
(2)构建快速
利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。
(3)插件高质
Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。
(4) 易于学习
通过最少的 API，掌握 Gulp 毫不费力，构建工作尽在掌握：如同一系列流管道。
//--------------------------------------------------------------------------
Grunt http://www.gruntjs.net/
.Grunt是一个基于任务的Javascipt 工程命令行构建工具
首先作为一个 JavaScript 开发者，我决定使用 Node.js 和 npm 是因为我关心的依赖组件（JSHint 和 UglifyJS）
已经有 npm 模块了。也就是说，当 Node.js 被设计用来处理高并发异步 IO 驱动的网络服务时，
它就注定不是设计用来当命令行构建工具的。但是没关系，因为 grunt 能够在 OS X，Linux 与 Windows 下良好工作。