{"id":18181,"library":"build-plugin-fusion","title":"build-plugin-fusion","description":"Plugin for build scripts to use Fusion component library (Alibaba's React UI kit). Current stable version is 0.1.23. Integrates with build-scripts and provides configuration for Fusion components. Requires sass and webpack@4 as peer dependencies. This package is part of the ICE ecosystem but is not actively maintained; for new projects, consider using @ice/app's plugin system directly.","status":"maintenance","version":"0.1.23","language":"javascript","source_language":"en","source_url":"https://github.com/alibaba/ice/tree/master/packages/plugin-fusion","tags":["javascript","fusion","build-plugin","build-scripts"],"install":[{"cmd":"npm install build-plugin-fusion","lang":"bash","label":"npm"},{"cmd":"yarn add build-plugin-fusion","lang":"bash","label":"yarn"},{"cmd":"pnpm add build-plugin-fusion","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Fusion components require Sass version ^1.0.0 for style compilation","package":"sass","optional":false},{"reason":"Requires webpack@4 for build processing; not compatible with webpack 5","package":"webpack","optional":false}],"imports":[{"note":"This is a build-scripts plugin, not a runtime import. It is configured in build.config.js, not imported via ES modules.","wrong":"import BuildPluginFusion from 'build-plugin-fusion'","symbol":"build-plugin-fusion","correct":"module.exports = { plugins: ['build-plugin-fusion'] }"},{"note":"Fusion components are provided by @alifd/next package, not directly from this plugin.","wrong":"import { FusionDesign } from 'fusion-ui'","symbol":"FusionDesign","correct":"import { FusionDesign } from '@alifd/next'"},{"note":"defineConfig is from @ice/app, not from this plugin. This plugin is used as a build tool integration.","wrong":"const { defineConfig } = require('build-plugin-fusion')","symbol":"defineConfig","correct":"const { defineConfig } = require('@ice/app')"}],"quickstart":{"code":"// build.config.js\nmodule.exports = {\n  plugins: [\n    ['build-plugin-fusion', {\n      themePackage: '@alifd/theme-xxx',\n      themeConfig: {},\n      // Specify the next version\n      nextVersion: '^1.0.0'\n    }]\n  ]\n};","lang":"javascript","description":"Shows how to configure build-plugin-fusion in build-scripts build.config.js to integrate Fusion components with theme support."},"warnings":[{"fix":"Use a compatible build-scripts version that supports webpack@4, or migrate to @ice/app with its own plugins.","message":"Requires webpack@4; will fail with webpack 5","severity":"breaking","affected_versions":">=0.0.0"},{"fix":"Replace with @ice/app and its plugins (e.g., @ice/plugin-fusion if available).","message":"Part of the legacy ICE framework; new projects should use @ice/app","severity":"deprecated","affected_versions":">=0.0.0"},{"fix":"Ensure the themePackage is installed and version matches Fusion component version.","message":"Theme configuration may not apply if themePackage is not installed or mismatched","severity":"gotcha","affected_versions":">=0.0.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"npm install sass@^1.0.0 --save-dev","cause":"Missing peer dependency sass","error":"Error: Cannot find module 'sass'"},{"fix":"npm install webpack@4 --save-dev","cause":"Missing peer dependency webpack@4","error":"Error: Cannot find module 'webpack'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}