webpack-plugin-cdn-qiniu

    1.0.24 • Public • Published

    webpack-plugin-cdn-qiniu

    webpack将输出文件传到七牛云服务的封装

    Install

    $ npm i webpack-plugin-cdn-qiniu --save-dev

    Conifg

    const webpack = require('webpack'); //to access built-in plugins
    const QiniuCdnWebpack = require('webpack-plugin-cdn-qiniu')
     
    module.exports = {
      module: {
        rules: [
          { test: /\.txt$/, use: 'raw-loader' }
        ]
      },
      plugins: [
        new QiniuCdnWebpack({
          cdn:{
            access_key:"access_key", // 七牛的access_key
            secret_key:"secret_key", // 七牛的secret_key
            bucket:"bucket" // 七牛的bucket
          },
          publicPath: "http://example.com", //七牛绑定的顶级域名地址
          prefixPath: "prefixPath", // 需要往cdn传递的url公共前缀
        })
        ...
      ]
    };

    如果遇到上传失败请尝试自定义上传配置

    const QiniuCdnWebpack = require('webpack-plugin-cdn-qiniu')
    const qiniu = require('qiniu')
    module.exports = {
      module: {
        rules: [
          { test: /\.txt$/, use: 'raw-loader' }
        ]
      },
      plugins: [
        new QiniuCdnWebpack({
          cdn:{
            options: {
              zone: qiniu.zone.Zone_z1
              ...
            }
            ...
          },
          ...
        })
        ...
      ]
    };
     

    ignore

    如果想排除个别文件不容许上传到cdn

    1. 项目的根路径下新建文件:“.cdnignore” 规则和.gitignore是一样的
    2. 注意配置的路径是项目的根路径。

    例子:

    index.html
    dist/statis/*

    Introduction

    • 本插件仅支持一个cdn顶级地址。
    • 或许会存在前缀配置和域名配置失效的问题,使用中出现问题请务必:issue
    • 本插件现有策略会在一旦发生任意某种原因失败则整个过程中断,保证发版的质量。
    • 如果遇到打包输出并没有完全根据配置的扩展生成,需要自行检验下是否真的缺失了。

    Questions & Suggestions

    Please open an issue here.

    License

    MIT

    Install

    npm i webpack-plugin-cdn-qiniu

    DownloadsWeekly Downloads

    0

    Version

    1.0.24

    License

    MIT

    Unpacked Size

    7.31 kB

    Total Files

    4

    Last publish

    Collaborators

    • micahchiu