build-plugin-fusion

0.1.23 verified Sat Apr 25 auth: no javascript maintenance

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.

Common errors

error Error: Cannot find module 'sass' ↓

cause Missing peer dependency sass

fix

npm install sass@^1.0.0 --save-dev

error Error: Cannot find module 'webpack' ↓

cause Missing peer dependency webpack@4

fix

npm install webpack@4 --save-dev

Warnings

breaking Requires webpack@4; will fail with webpack 5 ↓

fix Use a compatible build-scripts version that supports webpack@4, or migrate to @ice/app with its own plugins.

deprecated Part of the legacy ICE framework; new projects should use @ice/app ↓

fix Replace with @ice/app and its plugins (e.g., @ice/plugin-fusion if available).

gotcha Theme configuration may not apply if themePackage is not installed or mismatched ↓

fix Ensure the themePackage is installed and version matches Fusion component version.

Install

npm install build-plugin-fusion

yarn add build-plugin-fusion

pnpm add build-plugin-fusion

Imports

build-plugin-fusion
wrong
```
import BuildPluginFusion from 'build-plugin-fusion'
```
correct
```
module.exports = { plugins: ['build-plugin-fusion'] }
```
This is a build-scripts plugin, not a runtime import. It is configured in build.config.js, not imported via ES modules.
FusionDesign
wrong
```
import { FusionDesign } from 'fusion-ui'
```
correct
```
import { FusionDesign } from '@alifd/next'
```
Fusion components are provided by @alifd/next package, not directly from this plugin.
defineConfig
wrong
```
const { defineConfig } = require('build-plugin-fusion')
```
correct
```
const { defineConfig } = require('@ice/app')
```
defineConfig is from @ice/app, not from this plugin. This plugin is used as a build tool integration.

Quickstart

Shows how to configure build-plugin-fusion in build-scripts build.config.js to integrate Fusion components with theme support.

// build.config.js
module.exports = {
  plugins: [
    ['build-plugin-fusion', {
      themePackage: '@alifd/theme-xxx',
      themeConfig: {},
      // Specify the next version
      nextVersion: '^1.0.0'
    }]
  ]
};