自动将从'import { A } from 'flowbite-svelte''导入转换为'import A from 'flowbite-svelte/A.svelte''。
代码示例:
//在rollup.config.js文件中 import svelte from 'rollup-plugin-svelte'; import resolve from '@rollup/plugin-node-resolve'; import autoPreprocess from 'svelte-preprocess'; import pkg from './package.json';
const name = pkg.name; const className = name.charAt(0).toUpperCase() + name.slice(1).replace(/-/g, '');
export default { input: 'src/index.js', output: [ { file: pkg.module, format: 'es' }, { file: pkg.main, format: 'umd', name: className, sourcemap: true } ], plugins: [ svelte({ preprocess: autoPreprocess(), emitCss: false, compilerOptions: { // 在此处添加此选项,将整个流程引入'default'导出 accessors: true } }), // 解决自动将从'import { A } from 'flowbite-svelte''导入转换为'import A from 'flowbite-svelte/A.svelte'' resolve({ mainFields: ['module', 'main', 'jsnext'], browser: true, dedupe: ['svelte'], alias: { 'flowbite-svelte': 'flowbite-svelte/index.mjs' } }) ] };
//在文件中使用 import Button from 'flowbite-svelte/Button.svelte'; //通过别名解密 import { Button } from 'flowbite-svelte'; //使用'ticketbuyer-svelte/index.mjs'中的默认导入 import Foo from './Foo.svelte'; //本地导入
//转换后的使用方式 import Button from 'flowbite-svelte/Button'; //转换 import Foo from './Foo.svelte'; //本地导入