(感谢 https://github.com/koluch/esbuilt-plugin-ass 互联网档案馆的存檔,存档日期2013-12-02 以此为基础)

安装-插图-站点

插件用于 兴建 用于支持 PostCSS

安装

npm i esbuild @deanc/esbuild-plugin-postcss

线条

yarn add esbuild @deanc/esbuild-plugin-postcss

或 小时

pnpm add esbuild @deanc/esbuild-plugin-postcss

用法实例

创建文件 src/test.css数字 :

input[type="text"] {
  border-radius: 1px;
}

创建文件 src/index.js数字 :

import "./test.css";

创建文件 build.js数字 :

import esbuild from "esbuild";
import autoprefixer from "autoprefixer";
import postCssPlugin from "@deanc/esbuild-plugin-postcss";

esbuild
  .build({
    entryPoints: ["src/index.js"],
    bundle: true,
    outfile: "bundle.js",
    plugins: [
      postCssPlugin({
        plugins: [autoprefixer()],
      }),
    ],
  })
  .catch((e) => console.error(e.message));

运行 :

node build.js

名为文件 bundle.css 并应用了适当的邮递插件.

所需资源

• 节点.js 22+

捐款

• 这回波使用pnpm用于CI. 如果您在本地使用 pnpm, 请运行 pnpm import 一次创建 pnpm-lock.yaml。 。 。 .

释放

• 发布工作流程使用 npm 信任的发布出处. 在运行工作流程前, 确保启用 npm 中此软件包的可信发布 .
• 发布清单 :
  1. 确保 CI 为绿色 main。 。 。 .
  2. 校验 CHANGELOG.md 有以下条目: [Unreleased]。 。 。 .
  3. 以所期望的放出类型运行"放出包"的工作流程.