简介

利用 webpack 批量上传本地文件到腾讯云

使用方法

1,下载插件

npm i daishu-upload-tencent-cos --save

2，找到 vue.config.js 添加如下代码

const uploadTencentCOS = require('daishu-upload-tencent-cos')
...
module.exports = {
     chainWebpack: (config) => {
         if( process.env.NODE_ENV !== "development" ) {
            config.module
            .rule('images') //改成自己要上传的图片目录
            .test(/\.(jpg|png|gif|jpeg)$/)
            .use('url-loader')
            .loader('url-loader')
            .options({
                // 使文件大小小于此limit值(单位为byte)的文件转换为base64格式
                // 大于此limit的, 会执行options中的fallback 配置项插件, fallback默认值为file-loader,
                // 而url-loader的options配置项也会被传递给file-loader
                limit: false,
                // 换成上传的腾讯云前缀+自己项目根目录名
                // 例如体检里的daishu项目就是 'https://benefit-1251027788.cos.ap-guangzhou.myqcloud.com/daishu'
                publicPath: 'https://benefit-1251027788.cos.ap-guangzhou.myqcloud.com/daishu',
                // 配置打包后图片文件名
                name: '[path][name].[ext]'
            })
            .end()
            // 使用插件
            config.plugin('upload-tencent-cos').use(uploadTencentCOS)
         }
     }
}