# @ecomplus/storefront-twbs 中文文档

规范地址：https://npmcn.com/package/%40ecomplus/storefront-twbs/

版本：7\.3\.6
npm 元数据更新时间：2023-11-02T23:18:19.877Z
中文译文更新时间：2026-11-13T05:58:34.323Z
软件包许可：MIT

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

原始 npm 页面：https://www.npmjs.com/package/%40ecomplus/storefront-twbs
原文对照：https://npmcn.com/package/%40ecomplus/storefront-twbs/?lang=original
项目主页：https://github.com/ecomplus/storefront/tree/master/@ecomplus/storefront-twbs#readme
源码仓库：https://github.com/ecomplus/storefront

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

- 包体积（解压后）：5.3 MB，310 个文件
- 模块格式：CommonJS
- TypeScript 类型：未声明
- 运行依赖：2 个
- 首次发布：2019-02-26T23:08:28.466Z
- 最新版本发布：2023-11-02T23:18:19.711Z
- 近 30 天下载量：4942（2026-10-13 至 2026-11-11，npm 官方下载统计）
- 已发布版本数：95（近 12 个月 0 个）

## 中文简介

用自定义的 Bootstrap 4 + animate.css + FontAwesome 构建的存储前置基础组件

## 安装

```sh
npm install @ecomplus/storefront-twbs
```

也可以使用：`pnpm add @ecomplus/storefront-twbs`、`yarn add @ecomplus/storefront-twbs`、`bun add @ecomplus/storefront-twbs`

## README

# 存储前端 Twbs

[![npm version](https://img.shields.io/npm/v/@ecomplus/storefront-twbs.svg)](https://www.npmjs.org/@ecomplus/storefront-twbs) [![License MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

:nail care: 基金会组件 [电子计算机加存储前端](https://github.com/ecomclub/storefront)数字 :

1.  **[诱饵 4.6](https://getbootstrap.com/docs/4.6/getting-started/introduction/)**数字 :
    
    -   [`scss/styles.scss`](https://github.com/ecomplus/storefront/tree/master/@ecomplus/storefront-twbs/scss/styles.scss): 多数部分_但还不是全部_(botstrap CSS的进口,几乎所有组件、一些公用事业类别和自定义额外 [CSS vars (中文(简体) )](https://developers.e-com.plus/storefront/@ecomplus/storefront-twbs/docs/05-vars.html)· ;
    -   [`src/bootstrap.js`](https://github.com/ecomplus/storefront/tree/master/@ecomplus/storefront-twbs/src/bootstrap.js): botstrap 4 脚本用于相应的组件,通常使用jQuery和popper.js;
2.  一些动画从 **[动画. css 3](https://daneden.github.io/animate.css/)**数字 :
    
    -   [`scss/_animate.scss`](https://github.com/ecomplus/storefront/tree/master/@ecomplus/storefront-twbs/scss/_animate.scss): CSS被破译的动画列表;
    -   [`src/animate-css.js`](https://github.com/ecomplus/storefront/tree/master/@ecomplus/storefront-twbs/src/animate-css.js)与JS一起应用动画的简单功能;
3.  一些网友图标来自 **[字体帅呆了 5](https://fontawesome.com/)**数字 :
    
    -   [`scss/_icons.scss`](https://github.com/ecomplus/storefront/tree/master/@ecomplus/storefront-twbs/scss/_icons.scss): 解析图标列表;

> 我们不进口这些框架 _一样_ 只选择 Storefront 主题的常见和最有用的组件。 通过这种方式,我们正在缩小最终捆绑规模并改进网站 **业绩** 摇滚:.

> 我们一般使用(并推荐合作伙伴) Vue.js 用于 Storefront 组件和部件,但请记住 Bootstrap CSS, Font Cousid 和 Animate.css **在任何联署材料框架内都可以重新使用**。 。 。 .

## 安装

您可以使用 Webpack 和浏览器等捆绑器安装软件包,也可以从 jsDelivr 或 UNPKG 等 CND 中装入.

### 带捆绑器

```bash
npm i --save @ecomplus/storefront-twbs
```

```js
import '@ecomplus/storefront-twbs'
```

```scss
@import "node_modules/@ecomplus/storefront-twbs/scss/styles";
```

### 光盘N

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ecomplus/storefront-twbs/dist/storefront-twbs.min.css">
```

```html
<script src="https://cdn.jsdelivr.net/npm/@ecomplus/storefront-twbs/dist/storefront-twbs.bundle.min.js"></script>
```

或者没有依附关系的人包括:

```html
<script src="https://cdn.jsdelivr.net/npm/@ecomplus/storefront-twbs/dist/storefront-twbs.min.js"></script>
```

## 使用量

-   [靴子组件](https://developers.e-com.plus/storefront/@ecomplus/storefront-twbs/docs/01-components.html)· ;
-   [颜色向导](https://developers.e-com.plus/storefront/@ecomplus/storefront-twbs/docs/02-colors.html)· ;
-   [字体优美的图标](https://developers.e-com.plus/storefront/@ecomplus/storefront-twbs/docs/03-icons.html)· ;
-   [CSS 动画](https://developers.e-com.plus/storefront/@ecomplus/storefront-twbs/docs/04-animations.html)· ;
-   [CSS vars (中文(简体) )](https://developers.e-com.plus/storefront/@ecomplus/storefront-twbs/docs/05-vars.html)· ;
-   [包含 Java 脚本](https://developers.e-com.plus/storefront/@ecomplus/storefront-twbs/docs/06-javascript.html)· ;
-   [他们](https://developers.e-com.plus/storefront/@ecomplus/storefront-twbs/docs/07-theming.html)· ;

## 常见问题

### @ecomplus/storefront-twbs 是什么？

用自定义的 Bootstrap 4 \+ animate\.css \+ FontAwesome 构建的存储前置基础组件

### 如何安装 @ecomplus/storefront-twbs？

在项目目录运行 npm install @ecomplus/storefront-twbs，或使用 pnpm add / yarn add / bun add。

### @ecomplus/storefront-twbs 支持 TypeScript 吗？

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

### @ecomplus/storefront-twbs 支持 ESM 还是 CommonJS？

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

### @ecomplus/storefront-twbs 可以商用吗？

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

### @ecomplus/storefront-twbs 的下载量有多少？

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

### @ecomplus/storefront-twbs 还在维护吗？

最新版本 7\.3\.6 发布于 2023/11/03（3 年前）；至今共发布 95 个版本，其中过去 12 个月发布了 0 个；首次发布于 2019/02/27。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。