@appsemble/webpack-config

中文文档
0.40.9发布于 2026/10/30LGPL-3.0-onlyTypeScriptES Module构建来源已验证近 30 天下载 5971

由Appsemble内部使用的节点JS公用事业.

中文使用文档
文档目录6 节
  1. 目录
  2. 安装
  3. 使用量
  4. 类型脚本
  5. 手动调整
  6. 许可证

软件包配置

用于块开发的可评可重用 Webpack 配置

npm GitLab CI Prettier

目录

安装

npm install @appsemble/webpack-config

使用量

使用此配置不需要设置 . @appsemble/cli 将自动返回到此位置 如果没有配置 webpack 文件已在 .appsemblerc.yaml 区块和无 webpack.config.js 文件已经存在.

此 Webpack 预设特性 :

  • 类型脚本
  • CSS 模块 (单位:千美元)*.module.css(中文(简体) )
  • 静态文件( E)*.gif, (中文(简体) ), *.jpg, (中文(简体) ), *.jpeg, (中文(简体) ), *.png, (中文(简体) ), *.svg, (中文(简体) ), *.woff, (中文(简体) ), *.woff2(中文(简体) )
  • 区分大小写的文件
  • 优化 特别工作组 财务报告和审定财务报表 支助科

类型脚本

为了增加对静态资产和CSS模块的支持,使用下列软件: tsconfig.json 选项:

{
  "compilerOptions": {
    "types": ["@appsemble/webpack-config/types"]
  }
}

手动调整

由于Webpack配置是返回Webpack配置的函数,此预设可以是 仅仅从一个名为它的文件中调用它就被推翻了 webpack.config.js 在块根和 修改结果.

import createConfig from '@appsemble/webpack-config';
import ImageMinimizerPlugin from 'image-minimizer-webpack-plugin';

export default function webpackConfig(blockConfig, options) {
  const config = createConfig(blockConfig, options);

  // Add a plugin for example
  config.plugins.push(new ImageMinimizerPlugin());

  // Or configure a fallback
  config.resolve.alias.fallback.fs = false;

  return config;
}

许可证

LGPL-3.0 仅限 © 应用

版本与发布记录

@appsemble/webpack-config 共发布 316 个版本,首次发布于 2021/03/02;过去 12 个月发布了 62 个版本。最新版本附带 npm provenance 构建来源证明,可追溯到公开的 CI 构建记录。

版本发布日期距今
0.40.9latest2026/10/308 天前
0.40.82026/10/308 天前
0.40.72026/10/299 天前
0.40.7-node-brotli.0next2026/10/2711 天前
0.40.62026/10/2414 天前
0.40.52026/10/1622 天前

关于 @appsemble/webpack-config 的常见问题

@appsemble/webpack-config 是什么?

由Appsemble内部使用的节点JS公用事业.

如何安装 @appsemble/webpack-config?

在项目目录运行 npm install @appsemble/webpack-config,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:typescript(^5)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。

@appsemble/webpack-config 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@appsemble/webpack-config 支持 ESM 还是 CommonJS?

以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。

@appsemble/webpack-config 需要什么版本的 Node.js?

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

@appsemble/webpack-config 可以商用吗?

@appsemble/webpack-config 使用 LGPL-3.0-only 许可。弱 Copyleft:作为库被调用时通常不要求开源你自己的代码,但修改库本身需以 LGPL 开源;前端打包合并后的适用边界存在不同理解。以上为概括,不构成法律意见,请以许可原文为准。

@appsemble/webpack-config 的下载量有多少?

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

@appsemble/webpack-config 还在维护吗?

最新版本 0.40.9 发布于 2026/10/30(8 天前);至今共发布 316 个版本,其中过去 12 个月发布了 62 个;首次发布于 2021/03/02。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。