vuecli3配置configureWebpack 两种参数共存问题

Question

因为浏览器缓存问题修改了build之后js文件名称(加入了时间戳,版本号), 但是我又配置了一个引入md文件的插件,

出现了configureWebpack 两种参数共存问题

  // configureWebpack: { // webpack 配置
  //   output: { // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】
  //     filename: `static/js/[name].${process.env.VUE_APP_Version}.${Timestamp}.js`,
  //     chunkFilename: `static/js/[name].${process.env.VUE_APP_Version}.${Timestamp}.js`
  //   }
  // },
  configureWebpack: config => {
    config.module.rules.push(
      {
        test: /.md$/,
        use: [
          { loader: 'html-loader' },
          { loader: 'markdown-loader', options: {} }
        ]
      },
    );
  },

打包并没有报错只是后者覆盖了

Answer 1

写法已经解决

  chainWebpack: config => {
    config
        .output
        .filename(`static/js/[name].${process.env.VUE_APP_Version}.${Timestamp}.js`) 
        .end() 
    config.module
      .rule("images")
      .use("url-loader")
      .tap(options => {
        options.name = `static/img/[name].${process.env.VUE_APP_Version}.${Timestamp}.[ext]`;
        options.fallback = {
          loader: "file-loader",
          options: {
            name: `static/img/[name].${process.env.VUE_APP_Version}.${Timestamp}.[ext]`
          }
        };
        return options;
      });
  },