PostCSS 邦德勒软件

npm install @csstools/postcss-bundler --save-dev

PostCSS 邦德勒软件 把你的CSS捆起来.

此插件包包含 :

• 基于标准CSS的捆绑器 @import 发言.
• 在您的 CSS 中重写 URL 的重定基准器 .

examples/example.css 数字 :

@import url("imports/basic.css");
@import url("node_modules:open-props/red");

examples/imports/basic.css数字 :

.foo {
    background: url('../../images/green.png');
}

捆绑时 :

/* imports/basic.css */
.foo {
    background: url("../images/green.png");
}
/* node_modules:open-props/red */
:where(html){--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--red-10:#b02525;--red-11:#962020;--red-12:#7d1a1a}

使用量

添加 PostCSS 邦德勒软件 对您的项目:

npm install postcss @csstools/postcss-bundler --save-dev

当作一个 邮政 插件 :

const postcss = require('postcss');
const postcssBundler = require('@csstools/postcss-bundler');

postcss([
    postcssBundler(/* pluginOptions */)
]).process(YOUR_CSS /*, processOptions */);

postcss-import

postcss-import 也是CSS 组合器和部件 PostCSS 邦德勒软件 这是基于它.
在创建此插件时, 我们还向它提交了补丁 postcss-import 在可能的情况下.

PostCSS 邦德勒软件 调制不同且缺少配置选项 postcss-import。 。 。 .

PostCSS 邦德勒软件 打算只是工作 并成为本地CSS的替补 @import 发言.