首先,大家在使用webpack,webpack-dev-server,babel-cli,vue-cli,npm这类工具的时候有没有思考过一个问题?
为什么我全局安装这个模块之后,就能在shell中使用webpack,babel这些命令?
解答:我之所以能使用webpack这个命令,意味着我在npm install这个模块的时候,有些东西加入到了我的环境变量中,如下图
实际上我 npm install -g webpack之后,有个link file写入了我的环境变量中,
于是我在shell中敲击webpack,操作系统就会在环境变量中查找webpack,然后执行link file指向的webpack bin目录下的webpack.js 文件
接着就可以顺利的编译打包静态文件........
那么这个 link file怎么写入环境变量中的?
package.json,当我们写入bin时,并且全局安装这个模块,那么对应的文件就会被npm放入环境变量中,如图:
之后我在全局安装 npm install -g poke-ball之后,就能在环境变量中找到link file kk
当我在shell中敲击kk的时候,就会执行对应的kk
于是就有了..............一系列操作,这个工具是VUE的一个脚手架,有兴趣的同学可以玩一下,我们组的项目都是用这个构建开发的。
https://github.com/zhentaoo/poke-ball
npm install -g poke-ball
然后在kk文件中编码,写入一些自己想做的操作,一般来说是对文件的crud操作: