Webpack-plugin-qiniu-upload NPM

☁️ Support the latest SDK Qiniu Cloud upload, adapted to the latest VUE scaffolding CLI4.0 and 5.0 versions

💪 Suitable for the latest vue scaffolding cli4.0 and 5.0 versions, support webpack5 configuration

💪 Webpack5 configuration is supported

🚀 Incremental file upload is supported, eliminating the annoyance and waiting time of repeatedly uploading and refreshing files for all resources

  pnpm add webpack-plugin-qiniu-upload -D

  yarn add webpack-plugin-qiniu-upload -D

vue.config.js

const UploadQiNiuPlugin = require("webpack-plugin-thirdparty-upload");
const isBuildDev = process.env.buildMode === 'dev'

module.exports = {
  ...,
  plugins: [
    uploadPlugin({
        sdkName: isBuildDev ? 'qiniu' : 'aws',
        accessKey: isBuildDev ? process.env.QN_ACCESS_KEY : process.env.AWS_ACCESS_KEY,
        secretKey: isBuildDev ? process.env.QN_SECRET_KEY : process.env.AWS_SECRET_KEY,
        bucket: isBuildDev ? process.env.QN_BUCKET : process.env.AWS_BUCKET,
        region: isBuildDev ? 'Zone_z2' : 'us-east-1',
        awsDistributionId: 'xxxx', // aws的失效id
        enabledRefresh: true,
        publicPath: process.env.logBaseUrl,
        uploadTarget: path.resolve(__dirname, './dist'),
        appName: webpackEntry.EntryConfigs[argv.e].filename.replaceAll('.html', ''),
        fileLogPath: 'log/',
        env: isBuildDev ? 'development' : 'production',
        htmlPath: htmlPath, // html 存到云的路径
        excludeHtml: false, // 是否排除html文件
        // suffix: '-v1'
    })
  ],
};

qiniu cloud Options

Name	Type	Default	Description
`qiniuAccessKey`	`{String}`	`null`	Your Qiniu AccessKey
`qiniuSecretKey`	`{String}`	`null`	Your Qiniu SecretKey
`qiniuBucket`	`{String}`	`null`	Your Qiniu Bucket Name
`qiniuZone`	`{String}`	`null`	Your Qiniu zone code
`enabledRefresh`	`{Boolean}`	`false`	Is enable refresh the file on Qiniu Clound after file upload
`excludeHtml`	`{Boolean}`	`true`	Is exclude html file
`onlyRefreshHtml`	`{Boolean}`	`false`	only refresh html file (eg: /demo/index.html + /demo/), throws an exception in the case of a failure.
`prefixPath`	`{String}`	-	prefix path for the file
`fileLogPath`	`{String}`	`log/`	Provide a directory where log file should be stored
`publicPath`	`{String}`	webpackConfig.output.publicPath	The prefix path to your packaged resource
`uploadTarget`	`{String}`	webpackConfig.output.path	Directory of the folder to be uploaded
`appName`	`{Number}`	`Date.now()`	Optional. Name of the file used to generate resource mapping file logs
`env`	`{String}`	`development`	The environment directory corresponding to the JSON file of log