场景：平时我们部署项目之后，发现浏览器中显示的不是最新的内容，这是因为浏览器缓存的问题。
    因此我们需要手动去掉缓存。在vue.config.js添加如下代码即可：

    1. const MiniCssExtractPlugin = require("mini-css-extract-plugin");
    2. configureWebpack: {
    3.   //解决缓存问题
    4.   output: {
    5.     //输出重构【模块名称.hash值】
    6.     filename: `static/js/[name].[hash].js`,
    7.       chunkFilename: `static/js/[name].[hash].js`
    8.   },
    9.   // 修改打包后css文件名
    10.   plugins: [
    11.     new MiniCssExtractPlugin({
    12.       filename: `static/css/[name].[hash].css`,
    13.       chunkFilename: `static/css/[name].[hash].css`
    14.     })
    15.   ]
    16. }

    参考文章：vue-cli 3.0打包添加版本号