postcss-cos

postcss插件,将css中的background图片上传到腾讯云服务器

Usage no npm install needed!

<script type="module">
  import postcssCos from 'https://cdn.skypack.dev/postcss-cos';
</script>

README

使用


.foo{
    background:url('./images/test.png')
}

编译后

.foo{
    background:url('https://cdn.io/weapp/[hash]')
}

安装

npm install postcss-cos --save-dev

yarn add postcss-cos

配置

postcss

postcss([
  require("postcss-cos")({
    domain: "http://cdn.io"  //自定义cdn域名,不写默认为cos地址
    secretId: 'AKxxxxxxxxxxxxxxxxxxxxxx',
    secretKey: 'xxxxxxxxxxxxxxxxxxxxxx',
    bucket: 'xxxx-125000000',
    region: 'ap-chengdu',
    path:""   //上传到cos的路径,默认为weapp
  })
]);

tarojs

weapp: {
    module: {
      postcss: {
        autoprefixer: {
          enable: true
        },
        "postcss-cos": {
          enable: true,
          config: {
            domain: "http://cdn.io"  //自定义cdn域名
            secretId: 'AKxxxxxxxxxxxxxxxxxxxxxx',
            secretKey: 'xxxxxxxxxxxxxxxxxxxxxx',
            bucket: 'xxxx-125000000',
            region: 'ap-chengdu',
            path:""   //上传到cos的路径,默认为weapp
          }
        }
      }
    }
  },