部署到AWS S3
1.npm
npm i aws-s3-webpack-plugin
2. 具体参数看文档
config.plugin("aws-s3-webpack-plugin").use(require("aws-s3-webpack-plugin"), [{buildPath: "dist/**",region: process.env.VUE_APP_s3_region,accessKeyId: process.env.VUE_APP_s3_accessKeyId,secretAccessKey: process.env.VUE_APP_s3_secretAccessKey,bucket: process.env.VUE_APP_s3_bucket,generateObjectPath: (filename, file) => {return (process.env.VUE_APP_s3_filepath + file.replace(/dist\//, ""));},},]);VUE_APP_s3_region= 'xx-xxx-xxx'VUE_APP_s3_accessKeyId= 'xxxxx'VUE_APP_s3_secretAccessKey= 'xxxx'VUE_APP_s3_bucket= 'xxx'VUE_APP_s3_filepath='html/xx/'
部署到oss aliyunoss-webpack-plugin
1.npm
npm install aliyunoss-webpack-plugin --save-dev
2. 具体参数看文档
cli2 webpack.prod.conf.jsconst AliyunossWebpackPlugin = require('aliyunoss-webpack-plugin')plugins: [...new AliyunossWebpackPlugin({buildPath: 'dist/**',region: your.region,accessKeyId: your.accessKeyId,accessKeySecret: your.accessKeySecret,bucket: your.bucket,generateObjectPath: function(filename, file) {//配置上传地址return file.replace(/dist\//, '')},})}cli3 vue.config.jschainWebpack(config) {config.when(process.env.ENV !== "development", (config) => {config.plugin("aliyunoss-webpack-plugin").use(require("aliyunoss-webpack-plugin"), [{buildPath: "dist/**",region: process.env.VUE_APP_region,accessKeyId: process.env.VUE_APP_accessKeyId,accessKeySecret: process.env.VUE_APP_accessKeySecret,bucket: process.env.VUE_APP_bucket,generateObjectPath: (filename, file) => {return process.env.VUE_APP_filepath + file.replace(/dist\//, "");},},]);});}
部署到服务器fjpublish 详情看文档吧
https://fjpublish.manman.io/