该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

swc-import-loader

介绍

由于rspack实现的swc-loader按需加载rspackExperiments.import(https://rspack.dev/zh/guide/features/builtin-swc-loader#rspackexperimentsimport) 支持不够,没有 camel2DashComponentName 功能。因此 swc-import-loader 可以理解为 babel-plugin-import的swc版本,Api配置参数完全参照 babel-plugin-import 定义,并且实现了 camel2DashComponentName 能力。

安装教程

# 通过 npm 安装
npm i swc-import-loader -D

# 通过 yarn 安装
yarn add swc-import-loader --dev

使用说明

rspack.config.js

module.exports = {
  module: {
    rules: [
      {
				test: /\.(jsx?|tsx?)$/,
				use: [
					{
						loader: "builtin:swc-loader",
						options: {
							jsc: {
								parser: {
									syntax: "typescript",
									tsx: true
								},
								transform: {
									react: {
										runtime: "automatic",
										development: true,
										refresh: true
									}
								}
							},
						}
					},
					{
						loader: 'swc-import-loader',
						options: {
							rspackExperiments: {
								import: [
									{
										libraryName: '@fexd/mobile',
										libraryDirectory: 'es/exports',
										camel2DashComponentName: false,
										style: (name) => `${name}/style.css`,
									},
                  {
										camel2DashComponentName: false,
										libraryName: 'ahooks',
										libraryDirectory: 'es',
									},
									{
										libraryName: 'antd',
										style: true,
									}
								]
							}
						}
					},
				]
			}
    ]
  }
};

更多配置参数请参考 babel-plugin-import (https://github.com/umijs/babel-plugin-import)

空文件

简介

swc-import-loader 展开 收起
TypeScript
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化