# @dr\.pogodin/postcss-modules-resolve-imports 中文文档

规范地址：https://npmcn.com/package/%40dr.pogodin/postcss-modules-resolve-imports/

版本：1\.4\.7
npm 元数据更新时间：2024-08-22T08:22:23.548Z
中文译文更新时间：2026-11-12T19:03:53.146Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40dr.pogodin/postcss-modules-resolve-imports
原文对照：https://npmcn.com/package/%40dr.pogodin/postcss-modules-resolve-imports/?lang=original
项目主页：https://dr.pogodin.studio/docs/postcss-modules-resolve-imports
源码仓库：https://github.com/birdofpreyru/postcss-modules-resolve-imports

弃用说明：Package no longer supported\. Contact Support at https://www\.npmjs\.com/support for more info\.

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：42.7 kB，13 个文件
- 模块格式：CommonJS
- TypeScript 类型：未声明
- Node.js 要求：\>= 14
- 运行依赖：3 个
- peer 依赖：postcss ^8
- 首次发布：2020-09-24T17:24:11.390Z
- 最新版本发布：2023-04-09T00:23:03.844Z
- 近 30 天下载量：11307（2026-10-13 至 2026-11-11，npm 官方下载统计）
- 已发布版本数：8（近 12 个月 0 个）

## 中文简介

解决ICSS的导入

## 安装

```sh
npm install @dr.pogodin/postcss-modules-resolve-imports
```

也可以使用：`pnpm add @dr.pogodin/postcss-modules-resolve-imports`、`yarn add @dr.pogodin/postcss-modules-resolve-imports`、`bun add @dr.pogodin/postcss-modules-resolve-imports`

## README

# PostCSS 模块: 解析导入

[![Latest NPM Release](https://img.shields.io/npm/v/@dr.pogodin/postcss-modules-resolve-imports.svg)](https://www.npmjs.com/package/@dr.pogodin/postcss-modules-resolve-imports) [![NPM Monthly Downloads](https://img.shields.io/npm/dm/@dr.pogodin/postcss-modules-resolve-imports)](https://www.npmjs.com/package/@dr.pogodin/postcss-modules-resolve-imports) [![CircleCI](https://dl.circleci.com/status-badge/img/gh/birdofpreyru/postcss-modules-resolve-imports/tree/master.svg?style=shield)](https://dl.circleci.com/status-badge/redirect/gh/birdofpreyru/postcss-modules-resolve-imports/tree/master) [![GitHub Repo stars](https://img.shields.io/github/stars/birdofpreyru/postcss-modules-resolve-imports?style=social)](https://github.com/birdofpreyru/postcss-modules-resolve-imports)

变换 :

```css
:import("library/button.css") {
  i__imported_button_0: button;
}
:export {
  continueButton: _source_continueButton i__imported_button_0;
}
._source_continueButton {
  color: green;
}
```

改为:

```css
:export {
  continueButton: _source_continueButton _button_button
}
._button_button {
  /*common button styles*/
}
._source_continueButton {
  color: green
}
```

**说明**: 应在 [邮箱-模块-摘录-进口](https://github.com/css-modules/postcss-modules-extract-imports) 财务报告和审定财务报表 [邮政模块扫描仪](https://github.com/css-modules/postcss-modules-scope)。 。 。 .

这个 `postcss-modules-resolve-imports` 插件还修正 `@import` 财务报告和审定财务报表 `url()` 路径( 不从 `/`用于不同文件夹中的模块.

[![Sponsor](https://npmcn.com/package/%40dr.pogodin/postcss-modules-resolve-imports/.readme/sponsor.png)](https://github.com/sponsors/birdofpreyru)

* * *

_这个也是叉子 [`postcss-modules-resolve-imports`](https://www.npmjs.com/package/postcss-modules-resolve-imports),升级为使用最新版本的依赖。 作为一项新一揽子措施向国家预防机制释放 [`@dr.pogodin/postcss-modules-resolve-imports`](https://www.npmjs.com/package/@dr.pogodin/postcss-modules-resolve-imports)_

* * *

## 选项

`icssExports` `boolean`

添加 `:export` 对结果的 cs 声明。 如果您需要带有符号的 JavaScript 对象, 您可以通过访问 `lazyResult.root.exports` 属性。 譬如说,

```javascript
const lazyResult = postcss([...plugins]).process(cssString, {from: filepath});
const tokens = lazyResult.root.exports;
```

`resolve` `object`

配置模块的解析方式 .

`resolve.alias` `object`

为模块路径创建化名。 例如,为 _独立_ 带有共同模块的目录 :

```javascript
alias: {
  lib: path.resolve(__dirname, 'lib'),
},
```

现在,与其使用相对路径来编组:

```css
.button {
  composes: normal from '../../lib/button.css';
}
```

可使用化名:

```css
.button {
  composes: normal from 'lib/button.css';
}
```

`resolve.extensions` `array`

用提供的扩展名自动检查文件 .

```javascript
['.css']
```

允许您在使用作曲时省略文件扩展名 :

```css
.button {
  composes: normal from '../lib/button';
}
```

`resolve.modules` `array`

提供额外目录来检查模块。 应该是绝对的路径.

```javascript
[path.resolve(__dirname, 'lib')]
```

`resolve.mainFile` `string`

指定在解决目录时要使用的默认文件名。 默认 : `index.css`。 。 。 .

`resolve.preserveSymlinks` `boolean`

Wether 要解决路径中的共鸣 节点行为的默认值 : `false`, (中文(简体) ), (从 `--preserve-symlinks` 或环境变量 `PRESERVE_SYMLINKS`) (中文(简体) ).

## 参考指南

-   互通 CSS : [https://github.com/cs-modules/ics (中文(简体) )](https://github.com/css-modules/icss)
-   节点JS模块解决机制 : [https://nodejs.org/dist/latest-v6.x/docs/api/modules.html#modules all gathers](https://nodejs.org/dist/latest-v6.x/docs/api/modules.html#modules_all_together)

## 许可证

> 麻省理工学院许可证

## 常见问题

### @dr\.pogodin/postcss-modules-resolve-imports 是什么？

解决ICSS的导入注意：该包已被作者标记为弃用——Package no longer supported\. Contact Support at https://www\.npmjs\.com/support for more info\.

### 如何安装 @dr\.pogodin/postcss-modules-resolve-imports？

在项目目录运行 npm install @dr\.pogodin/postcss-modules-resolve-imports，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：postcss（^8）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @dr\.pogodin/postcss-modules-resolve-imports 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/dr\.pogodin\_\_postcss-modules-resolve-imports 是否存在。

### @dr\.pogodin/postcss-modules-resolve-imports 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @dr\.pogodin/postcss-modules-resolve-imports 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js \>= 14。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @dr\.pogodin/postcss-modules-resolve-imports 可以商用吗？

@dr\.pogodin/postcss-modules-resolve-imports 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @dr\.pogodin/postcss-modules-resolve-imports 的下载量有多少？

根据 npm 官方下载统计，@dr\.pogodin/postcss-modules-resolve-imports 在 2026/10/13 – 2026/11/11 这 30 天内被下载 11,307 次，日均约 377 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @dr\.pogodin/postcss-modules-resolve-imports 还在维护吗？

最新版本 1\.4\.7 发布于 2023/04/09（3 年前）；至今共发布 8 个版本，其中过去 12 个月发布了 0 个；首次发布于 2020/09/25。作者已将其标记为弃用，新项目建议寻找替代方案。