导入 svelte 组件，省略 .svelte 扩展名

Posted 2023-02-19

【中文标题】导入 svelte 组件，省略 .svelte 扩展名

【英文标题】：import svelte component ommiting .svelte extension

【发布时间】：2020-03-02 02:26:07

【问题描述】：

是否有可能配置汇总以导入省略.svelte 扩展的苗条组件？

import MyComp from "path/MyComp"

MyComp 文件具有.svelte 扩展名

【参考方案1】：

您可以使用@rollup/plugin-node-resolve 将解析器添加到您的配置中：

rollup.config.js

const resolve = require('@rollup/plugin-node-resolve'); // add this to the other requires

return 
   ... // the usual things like input, output, ...
   plugins: [
       resolve(
          extensions: ['.svelte', '.js']
       ),
       svelte(),
       ... // any other plugin you are running
   ]
;

【讨论】：

也可以使用@rollup/plugin-alias 插件rollup.config.js javascript import path from 'path'; const projectRootDir = path.resolve(__dirname); export default plugins: [ alias( resolve: ['.svelte','.js'], entries: [ find:'src', replacement:path.resolve(projectRootDir, "src") ], ) ]