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设置涉及的大部分插件整理的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: react学习(15)---antdes
- 下一篇: vue一步一步带你封装一个按钮组件