taro-plugin-style-resource

Taro 构建编译插件,给less或stylus添加公共样式资源

使用

安装

npm i taro-plugin-style-resource

# yarn
yarn add taro-plugin-style-resource

使用插件

/config/index.js

const path = require("path");
// 示例, 如果你使用 `vs code` 作为开发工具， 你还可以使用注释的语法引入插件包含的声明文件，可获得类似于typescript的友好提示
/**
 * @typedef { import("taro-plugin-style-resource").PluginOptions } PluginOptions
 * @type {PluginOptions}
 */
const pluginOptions = {
  less: {
    patterns: [path.resolve(__dirname, "..", "src/styles/index.less")],
  },
};
const config = {
  plugins: [["taro-plugin-style-resource", pluginOptions]],
};

API

插件配置

| 参数 | 类型 | 说明 | | :----- | :----- | :------------------------------------------------------------------------------------------------ | | less | Object | style-resources-loader的配置 | | stylus | Object | style-resources-loader的配置 |

支持平台

| 平台名称 | 是否支持 | | :---------------- | :------- | | H5 | ✅ | | 微信小程序 | ✅ | | 京东小程序 | ✅ | | 百度小程序 | ✅ | | 支付宝小程序 | ✅ | | 字节跳动小程序 | ✅ | | QQ 小程序 | ✅ | | 钉钉小程序 | ✅ | | 企业微信小程序 | ✅ | | 支付宝 IOT 小程序 | ✅ | | 飞书小程序 | ✅ | | 快手小程序 | ✅ | | 小红书小程序 | ✅ | | ReactNative | ❌ |