@wxa/plugin-postcss

NPM versionPostcss CSS预处理 - 图2

虽然微信开发者工具提供了自动补全样式的能力(其实也是通过postcss),但是灵活性可能欠佳,本插件允许开发者自定义需要引入的postcss插件😙

PostcssPostcss CSS预处理 - 图3可以找到很多实用的插件,譬如用的很多的autoprefixerPostcss CSS预处理 - 图4,也有专门给小程序做的插件例如:rpx2remPostcss CSS预处理 - 图5

安装

  1. # 使用npm安装
  2. npm i -S @wxa/plugin-postcss

用例

  1. // wxa.config.js
  2. module.exports = {
  3. plugins: [
  4. new PostcssPlugin({
  5. plugins: [require('autoprefixer')],
  6. }),
  7. ]
  8. }

配置项

plugins

  • 类型: Array Default: []
  • 用法:

postcss的插件。

test

  • 类型: RegExp Default: /\.css$|\.wxss$/
  • 用法:

指定插件需要对那些文件进行操作。