静态文件打包添加路径

vue.config.js

 const Timestamp = new Date().getTime()
+const MiniCssExtractPlugin = require('mini-css-extract-plugin') // 表示自定义的系统配置
 module.exports = {
   configureWebpack: {
     output: {
       // 输出重构【模块名称.hash值.时间戳】
-      filename: `[name].[hash].${Timestamp}.js`,
-      chunkFilename: `[name].[hash].${Timestamp}.js`
-    }
+      filename: `goodsManage/[name].[hash].${Timestamp}.js`,
+      chunkFilename: `goodsManage/[name].[hash].${Timestamp}.js`
+    },
+    plugins: [
+      new MiniCssExtractPlugin({
+        // 修改打包后css文件名
+        filename: `goodsManage/[name].[hash].${Timestamp}.css`,
+        chunkFilename: `goodsManage/[name].[hash].${Timestamp}.css`
+      })
+    ]
+  },
+  chainWebpack: config => {
+    config.module
+      .rule('images')
+      .use('url-loader')
+      .tap(options => {
+        options.name = `goodsManage/[name].[hash].${Timestamp}.[ext]`
+        options.fallback = {
+          loader: 'file-loader',
+          options: {
+            name: `goodsManage/[name].[hash].${Timestamp}.[ext]`
+          }
+        }
+        return options
+      })
   },
   css: {
     loaderOptions: {