Vue令新手困惑的知识点
1、就是关于通过vue-cli生成的webpack template中的.postcssrc.js文件的作用。
这个文件,其实和postcss.config.js文件的作用是一样的。是postcss外部配置文件,在很多的地方,只使用postcss.config.js说明,而很少见到.postcssrc.js,在这篇文章中https://github.com/michael-ciniawsky/postcss-load-config,介绍了postcss-load-config的作用,里面提到了postcss.config.js和.postcssrc.js,但是需要安装postcss-load-config这个插件,其实在webpack中,不需要这样做,直接使用post-loader这个插件,加上.postcssrc.js,可以达到和安装postcss-load-config一样的效果。
2、package.json中一些包的作用
对于刚进vue的人来说,好像vue生成的package.json中很多的包我们都没有用过。我一点点的查了一下:
chalk :chalk 包的作用是修改控制台中字符串的样式,包括:字体样式(加粗、隐藏等)、字体颜色、背景颜色;
copy-webpack-plugin:CopyWebpackPlugin 拷贝资源插件;
ora:这个是实现node.js 命令行环境的 loading效果, 和显示各种状态的图标等;
portfinder:从字面意思,是端口查找。
rimraf:以包的形式包装rm -rf命令,就是用来删除文件和文件夹的,不管文件夹是否为空,都可以删除;
semver:它是 语义化版本(Semantic Versioning)规范 的一个实现,目前是由 npm 的团队维护的,实现了版本和版本范围的解析、计算、比较,在 NPM 的被依赖(Most depended-upon)榜单中排名 34;
shelljs:是在顶层Node.js API中实现的轻便的Unix shell命令行。ShellJS is a portable (Windows/Linux/OS X) implementation of Unix shell commands on top of the Node.js API. You can use it to eliminate your shell script's dependency on Unix while still keeping its familiar and powerful commands. You can also install it globally so you can run it from outside Node projects - say goodbye to those gnarly Bash scripts!
还有些其他的,vue、webpack、babel就是很明白的了,有空再写吧。