vue项目打包后上传到oss

全部拷贝过来的 哈哈 公司另一个前端写的
vue.config.js配置

// const path = require(‘path’);
const WebpackAliyunOss = require(‘webpack-aliyun-oss’);
const oss = require(’./oss.config’);

let publicPath = ‘/’;
console.log(process.env.NODE_ENV, process.env.VUE_APP_HOST_ENV);

if (process.env.NODE_ENV === ‘production’ && [‘pre’, ‘production’].includes(process.env.VUE_APP_HOST_ENV)) {
publicPath = https://${oss.bucket}.${oss.region_fast}.aliyuncs.com/${oss.dist}/;
}

module.exports = {
configureWebpack: config => {
// config.resolve = {
// alias: {
// ‘@$’: path.resolve(‘src’),
// },
// };
if (process.env.NODE_ENV === ‘production’ && [‘pre’, ‘production’].includes(process.env.VUE_APP_HOST_ENV)) {
// 关闭sourceMap;
config.devtool = false;
// 静态资源上传oss
config.plugins.push(
new WebpackAliyunOss({
from: [’./dist/**’],
…oss,
setOssPath(filePath) {
const index = filePath.lastIndexOf(‘dist’);
const Path = filePath.substring(index + 5, filePath.length);
return Path.replace(/\/g, ‘/’);
},
setHeaders() {
// 定义当前文件header，可选
return {
‘Cache-Control’: ‘max-age=31536000’,
};
},
}),
);
}
},
devServer: {
port: 8080,
},
publicPath,
css: {
loaderOptions: {
sass: {},
},
},
};

oss.config.js配置

module.exports = {
dist: ‘production’,
region_fast: ‘oss-accelerate’,
region: ‘oss-cn-hongkong’, //
accessKeyId: ‘LTAI4FmJUbQz1j8JnDacxZfo’,
accessKeySecret: ‘4WwHfJPBEii2ZMqPmZDLdyVjxyK6hf’,
bucket: ‘clkj-online’, // clkj-dev
};