默认webpack没有处理excel文件的
    可以直接使用file-loader来读取excel,就不需要放在public文件夹了,还能带上hash

    1. module.exports = {
    2. chainWebpack: config => {
    3. // 针对a标签上直接相对路径引用
    4. // 不建议加这个配置, 会影响到所有a标签
    5. // 而且该配置无法应用到el-link这种针对a标签的组件
    6. config.module
    7. .rule('vue')
    8. .use('vue-loader')
    9. .tap(options => {
    10. options.transformAssetUrls = {
    11. // 默认的配置
    12. video: ['src', 'poster'],
    13. source: 'src',
    14. img: 'src',
    15. image: ['xlink:href', 'href'],
    16. use: ['xlink:href', 'href'],
    17. a: 'href' // 额外添加的
    18. }
    19. return options
    20. })
    21. // 这个配置需要import excel文件
    22. config.module
    23. .rule('excel')
    24. .test(/\.(xls|xlsx|csv)$/)
    25. .use('file-loader')
    26. .loader('file-loader')
    27. .options({
    28. name: 'libs/[name].[hash:8].[ext]'
    29. })
    30. }
    31. }