Vue项目实现excel导出

1、package.json里面安装三个插件

          npm install  xlsx  --save

          npm install  script-loader  –save-dev

          npm install  file-saver  –save-dev  

2、src下创建vendor文件夹，里面放Blob.js、Export2Excel.js

3、webpack.base.conf.js进行修改

      alias下面添加 'vendor': resolve('src/vendor')

4、组件写入代码

 // 导出excel文件
      exportInformation () {
        require.ensure([], () => {
          const { export_json_to_excel } = require('vendor/Export2Excel')
          const tHeader = ['ID', '公司名称', '联系人', '手机号', '邮箱', '所在地区', '业务需求', '业务描述']
          const filterVal = ['id', 'nameVal', 'contactsVal', 'telephoneVal', 'emailVal', 'addressPro', 'bussNedds', 'busDescription']
          const list = this.dataList
          const data = this.formatJson(filterVal, list)
          export_json_to_excel(tHeader, data, '列表excel')
        })
      },
      // 格式化json数据
      formatJson (filterVal, jsonData) {
        return jsonData.map(v => filterVal.map(j => v[j]))
      }

项目中遇到的问题：

        打包发布到服务器上（本地没问题），点击导出按钮的时候，报错，说0.js找不到，正常情况下应该放入下面的文件夹中

         

         

现在测试又成功了，搞不懂为什么