SuperAPI AI 工具集

frappe-ops-frontend-build

前端与建站

查看项目

更新于 10-15 22:17

技能介绍

用途:整理 Frappe 前端资源打包流水线,从构建配置到生产优化,适用于配置前端资源打包、从 v14 的 build.json 迁移到 v15+ 的 esbuild,以及排查 SCSS/CSS 编译问题。

主要能力:v15+ 使用 esbuild 做 ES 模块打包,自动扫描各应用 public/ 目录中匹配 *.bundle.{js|ts|css|scss|sass|less|styl} 的文件作为入口,支持 .vue 单文件组件与 npm 依赖,输出到 assets/dist/[app]/js 或 css,文件名带内容哈希用于缓存失效。v14 使用应用根目录的 build.json 定义拼接规则,v15+ 中该文件会被忽略。

使用方式:常用命令包括 bench build、bench build --app myapp、bench build --apps frappe,erpnext、bench build --production、bench build --force、bench watch、bench build --hard-link。在 hooks.py 中用 app_include_js/css(Desk)、web_include_js/css(门户)、page_js、webform_include_js/css 引入资源,只写 bundle 文件名,不写哈希,改完需重新构建。模板中可用 include_script、include_style、bundled_asset,Desk 中可用 frappe.require 懒加载。SCSS 入口用 .bundle.scss,局部文件以 _ 开头或不含 .bundle.,仅通过 @import 引入。

适用场景:Frappe 应用前端资源构建、版本迁移、生产优化与构建报错排查。

限制:资料未提供收费、价格与平台信息;具体版本行为以实际 Frappe 版本为准。