LCAP 组件库按需引入插件（SWC版）

作用

处理低代码组件库的按需引入

构建

npm pack

使用

// rspack.config.js

      {
        test: /\.[mc]?js$/,
        type: 'javascript/auto',
        use: [
          {
            loader: 'builtin:swc-loader',
            options: {
              jsc: {
                parser: {
                  syntax: 'ecmascript',
                },
                experimental: {
                  plugins: [
                    ['@lcap/swc-plugin-import', {
                      '@lcap/element-plus': {
                        esDir: 'es',
                        modules: require('@lcap/element-plus/es/modules.json').exports,
                      }
                    }]
                  ]
                }
              },
            },
          }
        ],
      }

效果

// before
import { ElButton, ElInput, ElSelect } from '@lcap/element-plus';

// after
import { ElButton } from '@lcap/element-plus/es/button';
import { ElInput } from '@lcap/element-plus/es/input';
import { ElSelect } from '@lcap/element-plus/es/select';