Skip to content

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

License

Notifications You must be signed in to change notification settings

Binbiubiubiu/taro-plugin-style-resource

Repository files navigation

taro-plugin-style-resource

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

使用

安装

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