oss-loader v1.0.11

webpack 插件/loader

一个webpack插件，将静态资源自动部署至阿里云服务

// 为了上传文件的Accesskey的安全请将秘钥文件添加至.gitignore
// 例如 .gitignore中添加
# key文件
/key.conf.js

// key.conf.js案例

/*
阿里云案例
*/
module.exports = {
    region: 'oss-XX-XXXX',
    accessKeyId: 'XXXXXXX',
    accessKeySecret: 'XXXXXXX',
    bucket: 'XXXXXX'
}
/*
腾讯云
*/
module.exports = {
    SecretId: 'XXXXXXX',
    SecretKey: 'XXXXXXX',
    Bucket: "XXXXXXX",
    Region: 'XXXXXXX'
}

// 您可以在webpack.conf.js中添加oss-loader和options

var ossOptions = require("./key.conf.js"); // 添加gitingore以后，引入您的阿里云key

{
    ...,
    module:{
        rules: [
            {
                test: /\.(png|jpg)$/i,
                use:[
                    {
                        loader:"oss-loader",
                        options:{
                            alioss: ossOptions,
                            // txOss: key,  // 如果为腾讯云，则使用 txOSS, 注意区分大小写，跟阿里云不同[就是这么任性]
                            folder: "bundles/" // 存储文件的文件夹，默认为bundles/请注意斜杠
                        }
                        }
                    }
                ]
            },
        ]
    },
    ...
}

Installation 安装

在项目中添加

npm install oss-loader -D

静态文件选择

主要由项目内容控制，加入您准备上传所有的png/jpg/svg图片，则可以用

...
{
    test : /\.(png|jpg|svg)$/i,
    ...
}

建议

您可以将生产环境的静态文件部署至云端，而在测试环境仍然使用url-loader或file-loader

更新计划

fixed issue: 已支持腾讯云 issue: 即将增加AWS