// tailwind.config.jsconst{defaultPreset,createPreset}=require('tailwindcss-miniprogram-preset')module.exports={presets:[defaultPreset]// ...} createPreset 这个方法,可以根据配置创建自定义的预设,以及是否启用 rem2rpx,可配合其他postcss插件使用,如postcss-rem-to-responsive-pixel ...
也可以直接用自定义的 purge 选项, 覆盖当前 preset //tailwind.config.js const { defaultPreset } = require('tailwindcss-miniprogram-preset') /** @type {import('@types/tailwindcss/tailwind-config').TailwindConfig}*/ module.exports={ purge: defaultPreset.purge.content, presets: [defaultPreset] }...
// tailwind.config.jsmodule.exports = { presets: [require('tailwindcss-miniprogram-preset')] // ...} 然后在 app.wxss 里 @tailwind utilities;就可以使用了。在开发的时候，生成的 wxss 大概有 100+kb,不过在 purgecss后，就会非常小了。purge 默认 process.env.NODE_ENV === 'production' 开启，...
tailwindcss-miniprogram-preset 根据上文的经验写了一个预设 tailwindcss-miniprogram-preset 怎么使用呢?我们只需要在安装初始化tailwindcss和postcss后, 来安装一下。 yarn add -D tailwindcss-miniprogram-preset 然后在tailwind.config.js里,添加它 // tailwind.config.jsmodule.exports = { presets: [require('ta...
exports = { presets: [require('tailwindcss-miniprogram-preset')] // ... } 然后在 app.wxss 里 @tailwind utilities; 就可以使用了。 在开发的时候,生成的 wxss 大概有 100+kb,不过在 purgecss后,就会非常小了。 purge 默认process.env.NODE_ENV === 'production' 开启,也可手动开启。 再配合上 ...
正好 tailwindcss-miniprogram-preset 当初是使用 js 撰写的，于是正好趁这个机会重构一下。步骤 正如把大象塞进冰箱，只需要三步。js 项目转为 ts 项目也分几步走。首先，我先撰写了一个 for npm cjs lib 的模板 npm-lib-template。它是一个使用 ts + rollup 进行打包的工具链，主要的工作为 将 src 中代码...
笔者之前写了一个 tailwindcss-miniprogram-preset,可是那个方案不能兼容最广泛的 Just in time 引擎,在写法上也有些变体。 于是笔者又写了一个 weapp-tailwindcss-webpack-plugin,这是一个 plugin 合集,包含 webpack/vite plugin,它会同时处理类 wxml 和wxss 文件,从而我们开发者,不需要更改任何代码,就能让 jit...
/** @type {import('tailwindcss').Config} */constmp=require('@leedomjs/tailwindcss-miniprogram-preset')module.exports={presets:[/*** You can also set an object param that contains a field called `enable`.* `enable` defaults to `true`, setting `enable` be `false` will enable default...
正好tailwindcss-miniprogram-preset当初是使用js撰写的,于是正好趁这个机会重构一下。 步骤 正如把大象塞进冰箱,只需要三步。js项目转为ts项目也分几步走。 首先,我先撰写了一个for npm cjs lib的模板 npm-lib-template。 它是一个使用ts+rollup进行打包的工具链,主要的工作为 将src中代码引用到的文件,通过tsc...
@leedomjs/tailwindcss-presetThis package contains:@leedomjs/tailwindcss-miniprogram-preset is designed for miniprogram, and transforms px to rpx. @leedomjs/tailwindcss-color-preset collects some UI Frameworks' theme colors for Tailwind CSS.Usage...