postcss选择器解析器 选择器解析器，具有用于处理选择器字符串的内置方法。 安装 使用可以： npm install postcss-selector-parser 快速开始 const parser = require ( 'postcss-selector-parser' ) ; const ...
postcss选择器解析器 选择器解析器，具有用于处理选择器字符串的内置方法。 安装 使用可以： npm install postcss-selector-parser 快速开始 const parser = require ( 'postcss-selector-parser' ) ; const ...
Postcss-relaxed-unit是用于单位转换的postcss插件，使用自定义单位可以更轻松地编写CSS。 您可以定义一个规则来确定自定义单位和目标单位之间的映射关系，并且可以使用一些运算符来计算目标值（例如add ， sub ， ...
postcss前缀选择器 使用自定义命名空间.a => .prefix .a每个CSS选择器添加前缀。 目录 安装 $ npm install postcss-prefix-selector 与PostCSS结合使用 const prefixer = require ( 'postcss-prefix-selector' ) ...
postcss-iconfont 创建SVG / TTF / EOT / WOFF /从几个SVG图标WOFF2字体 。 postcss-iconfont基于postcss-iconfont gulp-iconfont ，在postcss或webpack环境中，将svg转换为webfont更容易。 安装 安装postcss-...
PostCSS 精灵 插件，用于从背景图像创建精灵并替换它们。 . foo { /* Input example */}. foo { /* Output example */}用法 postcss ( [ require ( 'postcss-sprites' ) ] ) 有关您的环境的示例，请参阅文档。
PostCSS Flexbugs修复 插件该项目试图解决所有问题。错误输入. foo { flex : 1 ; }. bar { flex : 1 1 ; }. foz { flex : 1 1 0 ; }. baz { flex : 1 1 0 px ; }输出. foo { flex : 1 1 ; }. bar { flex : 1 1 ; }. ...
PostCSS添加根选择器 插件将根选择器添加到所有其他规则中。 输入： . foo { color : red; } a . foo , section { color : red; } @media ( max-width : 700 px ) { # some-id { color : red; } } /* ...
:red_triangle_pointed_up: 将 PostCSS 添加到 Svelte 这是svelte-add的加法器； 在继续这里之前，您应该 。 :plus: 添加 PostCSS 这个加法器的代号是postcss ，可以像这样使用： npx svelte-add@latest postcss...
postcss-rpxtopx 一个 PostCSS 插件，用于将小程序的 rpx 单位转换为 px安装你可以通过 或 安装$ yarn add postcss-rpxtopx --dev$ npm install postcss-rpxtopx --save-dev使用输入/输出// 输入h1 { margin: 0 0 20...
rollup-plugin-postcss-inject-to-css rollup-plugin-postcss的 inject 模式下，把导出后组件引用的xxx.scss.js转换为xxx.css进行引入 本插件依赖 ，主要是针对组件按需加载的场景下进行的优化适配 Install npm: npm...
执行命令 安装插件postcss-pxtorem npm install postcss-pxtorem -D postcss.config.js 新建package.json同一个目录下，文件内容如下 module.exports = { plugins: { 'autoprefixer': { browsers: ['Android >...
PostCSS宽高比Polyfill 一个支持属性的PostCSS插件。 安装 npm i -D postcss-aspect-ratio-polyfill 用法 const postcss = require ( 'postcss' ) const output = postcss ( ) . use ( require ( 'postcss-aspect-...
postcss-变量-前缀 PostCSS 插件为所有 css 自定义属性添加前缀。 用法 使用 ： 在您的项目目录中安装postcss 、 postcss-cli和postcss-variables-prefixer ： npm install postcss postcss-cli postcss-...
postcss-plugin-pxtoviewport用法配合postcss可以使px转为vw和rem输入/输出可以通过配置参数，实现px同时转为vw和rem// 输入h1 { margin: 0 0 20px; font-size: 32px; line-height: 1.2; letter-spacing: 1px;}// ...
postcss-minify-font-values 使用PostCSS缩小字体声明。 该模块将尝试最小化font-family ， font-weight和font速记属性； 它可以在必要时取消对字体系列的引用，检测并删除重复项，并在找到关键字后缩短声明。 ...
PostCSS替换 用于替换字符串的插件。 这样写： /* CustomCSS Library v{{ version }} */ . foo { content : "{{ author }}" ; } 并得到这个： /* CustomCSS Library v1.3.7 */ . foo { content : "Gridonic" ...
postcss精灵 插件，可从您的样式表生成Spritesheets。 /* Input */. comment { background : url (images/sprite/ico-comment.png) no-repeat 0 0 ; }. bubble { background : url (images/sprite/ico-bubble.png) ...
$ npm install @moxy/postcss-preset --save-dev 您可能还需要安装作为dev依赖项。 动机 如果要开发使用新CSS语言功能的项目，并且必须在尚不支持它们的目标上工作，则必须转换样式。 该预设提供了一个可共享的Post...
PostCSS 自定义 CSS 单位 定义自定义 css 单元并将它们转换为 CSS 变量。 输入： : root { --cusomt-base-unit : 1 vw ;}div { width : 100 rpx ;} 输出： div { width : calc ( var ( --cusomt-base-unit ) * 100 )...
然后，只需将配置添加到您的tailwind.config.js ， postcss.config.js和全局CSS样式表。 尾风配置 如果尚未创建一个tailwind.config.js文件。 然后添加@nick-mazuk/ui-config/tailwind作为预设。 module . exports...
postcss-每个 一个插件来遍历值。 遍历值： @each $icon in foo , bar , baz { . icon- $(icon) { background : url ( 'icons/$(icon).png' ); } } . icon-foo { background : url ( 'icons/foo.png' ); } . ...
PostCSS Assets是CSS的资产管理器。 它将样式表与环境变化隔离开，获取图像大小并内联文件。目录完整的选项列表 安装npm install postcss-assets --save-dev 用法 Gulp PostCSS gulp . task ( 'assets' , function ...
postcss px到视口 English | 的插件，从像素单位生成视口单位（vw，vh，vmin，vmax）。 演示版 如果您的项目涉及固定宽度，则此脚本将有助于将像素转换为视口单位。 输入 . class { margin : -10 px .5 vh ; ...
PostCSS自定义属性 使您可以按照规范在CSS中使用自。 :root { --color : red; } h1 { color : var ( --color ); } /* becomes */ :root { --color : red; } h1 { color : red; color : var ( --color ); } ...
PostCSS SCSS语法 用于的解析器。 该模块不编译SCSS。 它只是将mixin解析为自定义规则，并将变量作为属性进行解析，以便PostCSS插件随后可以将SCSS源代码与CSS一起转换。 安装 npm --save install postcss-scss ...
PostCSS 的 Babel CSS 模块 Babel 插件通过享受 css 模块和处理 CSS 文件 import styles from './styles' ; . example { color : cyan; } 进入具有反映样式名称的属性的对象： var styles = { "example" : "_...
PostCSS插件列表 即用型软件包中的插件的“正式非官方”合并列表。目的有构建惊人的PostCSS插件。 插件的运行列表增长Swift，并在许多地方得到了使用。 这样一个地方是在搜索通过内置 。 另一种是在通过创建 。 这些...
Postcss过滤器 这是一个分支。 所有功劳 。 原始的仅实现 postcss模块。 该fork为添加了一个过滤器。 该项目称为Postcss，因为它可以实现每个postcss模块，并让您选择要使用的模块。 由于我是postcss的新手，所以...
postcss-custom-properties-transformer PostCSS插件来转换如果您喜欢这个项目，请给它加注星标并，看看我正在从事哪些其他有趣的项目！ :red_heart: :male_sign::male_sign: 为什么？ 将CSS自定义属性转换为... :...
PostCSS插件在HTML中使用安装npm i -D posthtml-postcss用法 const { readFileSync } = require ( 'fs' )const posthtml = require ( 'posthtml' )const postcss = require ( 'posthtml-postcss' )const ...