打包上传至阿里云oss

  |  

安装 webpack-aliyun-oss-plugin 包

npm install webpack-aliyun-oss-plugin --save-dev

配置 vue.config.js

// 上述代码是修改你的资源根目录,改为你上传到 oss 上的目录
publicPath: process.env.NODE_ENV !== 'development' ? 'https://xxx.com/' : './',

webpack 打包配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
const webpackAliyunOssPlugin = require('webpack-aliyun-oss-plugin')

chainWebpack(config) {
if (process.env.NODE_ENV === 'production') {
// eslint-disable-next-line @typescript-eslint/no-var-requires
const { oss } = require('./config')
config
.plugin('webpack-aliyun-oss-plugin')
.use(webpackAliyunOssPlugin, [{
buildPath: 'dist/**',
region: 'oss-cn-hangzhou',
ak: '', // ak为accessKeyId,sk为accessKeySecret
sk: '',
bucket: '', // bucket的name
}])
}
}
文章目录
  1. 1. 安装 webpack-aliyun-oss-plugin 包
  2. 2. 配置 vue.config.js
  3. 3. webpack 打包配置