More than 5 years have passed since last update.

vite使ってaliasを設定する

Posted at 2021-07-06

コンポーネント内でファイルをインポートをする際に、@/componentsと書きたかったため、色々試行錯誤しました。

tsconfig.jsonの設定

tsconfig.json

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
    }
  }
}

baseUrlとpathsを修正しました。

vite.config.js


export default definedConfig({
  plugins: [vue()],
  alias: [
    {
       find: '@/',
       replacement: `${__dirname}/src/`
    }
  ]
})

これでいけました！