脚本宝典收集整理的这篇文章主要介绍了vue-cli新建的项目webpack设置涉及的大部分插件整理，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

portfinder

用来检测未占用的端口
更多看这里: https://www.npmjs.com/package/portfinder

---

webpack-merge

用来合并多个webpack设置，也可以合并对象
更多看这里: https://www.npmjs.com/package/friendly-errors-webpack-plugin

---

html-webpack-plugin

将html复制并插入一些打包后的依赖路径的插件，开发vue中必用的webpack插件之一！
更多看这里: https://www.npmjs.com/package/html-webpack-plugin

---

copy-webpack-plugin

将static中文件原样复制到dist的插件，开发vue必用的webpack插件之一！
更多看这里：https://www.npmjs.com/package/copy-webpack-plugin

---

extract-text-webpack-plugin

将包或包中的文本提取到单独的文件中的webpack插件，开发vue必用的webpack插件之一！
更多看这里: https://www.npmjs.com/package/extract-text-webpack-plugin

---

optimize-css-assets-webpack-plugin

优化最小化CSS的一个webpack插件，开发vue必用的webpack插件之一！
更多看这里：https://www.npmjs.com/package/optimize-css-assets-webpack-plugin

---

uglifyjs-webpack-plugin

压缩/混淆 JavaScript代码的webpack插件，开发vue必用的webpack插件之一！
更多看这里：https://www.npmjs.com/package/uglifyjs-webpack-plugin

---

ora

一个友好的命令行界面提示插件，有可以转圈的图标
更多看这里：https://www.npmjs.com/package/ora

---

rimraf

类似于 Unix系统的 rm -rf 删除命令的插件
更多看这里：https://www.npmjs.com/package/rimraf

---

chalk

可以在命令行打印出彩色的字体
更多看这里：https://www.npmjs.com/package/chalk

---

shelljs

可以运行Unix命令行的Nodejs插件
更多看这里：https://www.npmjs.com/package/shelljs

---

semver

语义化版本控制插件
更多看这里：https://www.npmjs.com/package/semver

---

整理还是很辛苦的，大家且看且珍惜！
首发简书：https://www.jianshu.com/p/e15...

脚本宝典总结

以上是脚本宝典为你收集整理的vue-cli新建的项目webpack设置涉及的大部分插件整理全部内容，希望文章能够帮你解决vue-cli新建的项目webpack设置涉及的大部分插件整理所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。