vue引用项目中的文件作为下载地址

项目中的部分文件，比如导入模板之类的xlsx文件之类，不想另外上传到cdn（因为往往构建出的静态资源文件都会被默认上传到一个cdn）

修改文件vue.config.js：

chainWebpack: config => {
    config.resolve.alias
      .set('@', resolve('src')) // key,value自行定义，比如.set('@@', resolve('src/components'))
      .set('_c', resolve('src/components'))
      .set('_conf', resolve('config'))

    config.module
      .rule('xlsx')
      .test(/\.xlsx$/) // 匹配svg文件
      // .include.add(resolve('src/assets/template')) // 主要匹配src/assets/template
      // .end()
      .use('file-loader')
      .loader('file-loader')
      // 使用的loader，主要要npm该插件
      .options({
        esModule: false,
        name: './assets/template/[name].[hash:8].[ext]', //根据自己需要自己调整
        limit: 0
      }) // 参数配置
  },

这个loader是内置的，引用的时候：

<a :href="require('@/assets/template/my_template.xlsx')">下载模板</a>