Open1
svelteとviteとvscodeの設定
![NoboNobo](https://res.cloudinary.com/zenn/image/fetch/s--RaVMsKQr--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/94ba076e2c.jpeg)
frontend/bindings
配下にモジュールおいていて、インポートパスをすっきり書きたいとき。
vite.config.js
import { defineConfig } from "vite";
import path from "path";
import { svelte } from "@sveltejs/vite-plugin-svelte";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [svelte()],
resolve: {
alias: {
$bindings: path.resolve("./bindings"),
},
},
});
って書くと"$bindings/..."
にてインポートが書ける。
が、VSCodeではエラーになる。LSPがこのエイリアスを知らないから。
そこで、vite.config.jsonのそばに以下のファイルを置こう。
tsconfig.json
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@bindings/*": ["bindings/*"]
}
}
}