自動上傳webpack編譯后的文件到阿里雲OSS

插件：webpack-aliyun-oss-plugin

npm地址：https://www.npmjs.com/package/webpack-aliyun-oss-plugin/v/2.1.0

webpack版本要求：>= 4.0

使用說明

• 第一步：安裝依賴

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

• 第二步：配置webpack.config.js

const WebpackAliyunOssPlugin = require('webpack-aliyun-oss-plugin');

module.exports = {
    output: {
        // 必須是標准的域名+路徑，已`/`結尾
        publicPath: 'http://domain.com/path/to/deply/'
    },
    plugins: {
        // 建議只在生產環境配置代碼上傳
        new WebpackAliyunOssPlugin({
            bucket: 'BucketName',
            account: 'account1',
            region: 'oss-cn-hangzhou', // bucket所在區域的接入點
            filter: function (asset) {
                return !/\.html$/.test(asset);
            }
        })
    }
};

配置參數

• ak(String) 阿里雲授權accessKeyId，必填項，可以由配置文件方式設置
• sk(String) 阿里雲授權accessKeySecret，必填項，可以由配置文件方式設置
• bucket(String) 需要上傳到的bucket的名稱
• region(String) bucket所在的區域，如果是在阿里雲機器上，可以使用內部region，節省流量
• filter(Function(filepath)) 文件過濾器，通過該方法可自由決定哪些文件需要上傳
• account(String) 多賬號支持，可以在.aliyun配置文件中配置多個子賬號

accessKeyId & accessKeySecret保密

如果將accessKeyId和accessKeySecret直接寫到代碼中勢必造成了安全隱患，為了安全起見，可以將敏感信息保存到編譯機的配置文件中

配置方法

在編譯機的/home/${whoami}，也就是用戶的根目錄下創建.aliyun文件，並設置600權限

cd ~
echo "ak:xxxx\nsk:xxx" > .aliyun
chmod 600 .aliyun

其中ak為accessKeyId，sk為accessKeySecret

多賬號支持

cd ~
echo "account1:\nak:xxxx\nsk:xxx\naccount2:\nak:yyy\nsk:yyyy" > .aliyun
chmod 600 .aliyun

使用示例