vue项目常用的plugin和loader

plugin===========================

vue-clipboard2

• 剪切板插件
• https://www.npmjs.com/package/vue-clipboard2

vuex-persistedstate

• 解决刷新vue页面后，store中数据丢失的问题
• https://www.npmjs.com/package/vuex-persistedstate

clean-webpack-plugin

• 清除已有的dist包，重新生成新dist包
• https://www.npmjs.com/package/clean-webpack-plugin

filemanager-webpack-plugin

• 该插件可以：创建文件夹、打zip包，复制、移动、删除操作，还可以控制上述流程顺序
• https://www.npmjs.com/package/filemanager-webpack-plugin

html-webpack-plugin

• 该插件将为你生成一个 HTML5 文件， 其中包括使用 script 标签的 body 中的所有 webpack 包。
• https://www.webpackjs.com/plugins/html-webpack-plugin/

uglifyjs-webpack-plugin

• 压缩js文件
• https://www.webpackjs.com/plugins/uglifyjs-webpack-plugin/

extract-text-webpack-plugin

• 它会将所有的入口 chunk(entry chunks)中引用的 *.css，移动到独立分离的 CSS 文件。因此，你的样式将不再内嵌到 JS bundle 中，而是会放到一个单独的 CSS 文件（即 styles.css）当中。
• 马上使用https://www.webpackjs.com/plugins/extract-text-webpack-plugin/

optimize-css-assets-webpack-plugin

• 压缩已抽取的css文件，删除不同组件中重复的css，优化css
• https://www.npmjs.com/package/optimize-css-assets-webpack-plugin

generate-asset-webpack-plugin

• 在dist目录下生成一个静态文件，比如生成一个json配置文件
• https://www.npmjs.com/package/generate-asset-webpack-plugin

compression-webpack-plugin

• gzip 压缩
• https://webpack.docschina.org/plugins/compression-webpack-plugin/

terser-webpack-plugin

• 去除 console.log
• https://webpack.docschina.org/plugins/terser-webpack-plugin/

hard-source-webpack-plugin

• 提升再次启动webpack的速度

happypack

• 将文件解析任务分解成多个子进程并发执行，发挥多核 CPU 电脑的威力

loader============================

vue-loader

• 处理.vue文件的加载器
• 其他功能，如在