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…

    原文作者:ovensi
    原文地址: https://segmentfault.com/a/1190000017901884
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞