1 安装2个依赖
npm install file-saver xlsx -S
// 加载script 需要
npm install script-loader -D
2 在 /src 目录下新建 vendor文件夹,用于存放 Blob.js 和 Export2Excel.js 文件,这两个文件可以再 CSDN 上下载,当然如果没有积分的 可以去我的 gitHub 上下载。
注意:如果不叫 vendor 名字,则需要修改 Export2Excel.js 中的代码。
配置webpack,这里使用的是 vue-cli 2.9 搭建的项目,如果使用vue-cli3 请自行百度
在 /build/webpack.base.config.js 的resolve 模块中添加一个别名
resolve: {
extensions: [‘.js’, ‘.vue’, ‘.json’],
alias: {
‘vue$’: ‘vue/dist/vue.esm.js’,
‘@’: resolve(‘src’),
‘vendor’: path.resolve(__dirname, ‘src/vendor’) // 添加一个别名
}
}
那么接下来就是在vue项目中使用就行了