postcss-plugin-youdeyiwu-mp

postcss-plugin-youdeyiwu-mp 尤得一物-小程序插件

使用 postcss 处理微信小程序样式相关问题，例如替换 tailwind css 根样式的 * 通配符

1*, :before, :after {
2    /* Input example */
3}

1page, :before, :after {
2    /* Output example */
3}

1. 相关

尤得一物-小程序 youdeyiwu-mp

2. 安装

• npm

1npm install -D @youdeyiwu/postcss-plugin-mp

• yarn

1yarn add -D @youdeyiwu/postcss-plugin-mp

3. 使用

• 编辑 postcss.config.js 文件添加插件

1+ const youdeyiwuMp = require('@youdeyiwu/postcss-plugin-mp');
2
3module.exports = {
4    plugins: [
5        // tailwindcss ...
6+       youdeyiwuMp({
7+         rootSelectorReplace: [{ find: '*,', replace: 'page,' }],
8+       }),
9        // ...
10    ],
11};

4. 配置

• rootSelectorReplace 可选。查询选择器并替换内容

1rootSelectorReplace: {
2    find: string;
3    replace: string;
4}
5[];

5. 其它

注意构建需要安装前置依赖

1yarn add -D postcss

6. License

MIT