Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/binbiubiubiu/taro-plugin-style-resource
Taro 构建编译插件,给less或stylus添加公共样式资源
https://github.com/binbiubiubiu/taro-plugin-style-resource
less plugin scss stylus taro taro-plugin
Last synced: 4 months ago
JSON representation
Taro 构建编译插件,给less或stylus添加公共样式资源
- Host: GitHub
- URL: https://github.com/binbiubiubiu/taro-plugin-style-resource
- Owner: Binbiubiubiu
- License: mit
- Created: 2022-04-03T10:39:27.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-24T14:43:39.000Z (over 1 year ago)
- Last Synced: 2024-10-15T16:23:22.627Z (4 months ago)
- Topics: less, plugin, scss, stylus, taro, taro-plugin
- Language: TypeScript
- Homepage:
- Size: 1.03 MB
- Stars: 6
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# taro-plugin-style-resource
Taro 构建编译插件,给`less`或`stylus`添加公共样式资源
## 使用
### 安装
```
npm i taro-plugin-style-resource
# yarn
yarn add taro-plugin-style-resource
```
### 使用插件
`/config/index.js`
```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](https://www.npmjs.com/package/style-resources-loader)的配置 |
| stylus | Object | [style-resources-loader](https://www.npmjs.com/package/style-resources-loader)的配置 |
### 支持平台
| 平台名称 | 是否支持 |
| :---------------- | :------- |
| H5 | ✅ |
| 微信小程序 | ✅ |
| 京东小程序 | ✅ |
| 百度小程序 | ✅ |
| 支付宝小程序 | ✅ |
| 字节跳动小程序 | ✅ |
| QQ 小程序 | ✅ |
| 钉钉小程序 | ✅ |
| 企业微信小程序 | ✅ |
| 支付宝 IOT 小程序 | ✅ |
| 飞书小程序 | ✅ |
| 快手小程序 | ✅ |
| 小红书小程序 | ✅ |
| ReactNative | ❌ |