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

vue-loader

• 处理.vue文件的加载器
• 其他功能，如在<style> 的部分使用 Sass 和在 <template> 的部分使用 Pug（模板引擎）
• https://vue-loader.vuejs.org/zh/

babel-loader

• 在旧的浏览器或环境中将 ECMAScript 2015+ 代码转换为向后兼容版本的JavaScript 代码
• https://babel.docschina.org/docs/en/

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

css-loader

• css-loader 解释(interpret) @import 和 url() ，会 import/require() 后再解析(resolve)它们。
• 马上使用 https://www.webpackjs.com/loaders/css-loader/
• 引用资源的合适 loader 是 file-loader和 url-loader，

file-loader

• 引导webpack将引入的资源，生成文件并返回资源地址
• 默认情况下，生成的文件的文件名就是文件内容的 MD5 哈希值并会保留所引用资源的原始扩展名。
• 马上使用https://www.webpackjs.com/loaders/file-loader/

url-loader

• 将小型资源（图片、音视频、字体文件）转为base64 URL 进行加载，减少http请求
• url-loader 功能类似于 file-loader，但是在文件大小（单位 byte）低于指定的限制时，可以返回一个 DataURL。

sass-loader/less-loader

• 让你在写css样式时可以使用样式嵌套、使用变量、使用函数等语法
  https://www.webpackjs.com/loaders/sass-loader/

postcss-loader

• 一个通过js转换css的工具，例如自动添加浏览器前缀、转换类名为全局唯一、css语法检查，配置source-map选项等
• 生成带有css位置信息的css文件
  https://www.webpackjs.com/loaders/postcss-loader/