Nuxt.js memungkinkan kamu menggunakan alias untuk mengakses direktori khusus di dalam JavaScript dan CSS.

• Tipe: Object
• Bawaan:

  {
    '~~': `<rootDir>`,
    '@@': `<rootDir>`,
    '~': `<srcDir>`,
    '@': `<srcDir>`,
    'assets': `<srcDir>/assets`, // (kecuali kamu telah mengatur `dir.assets` khusus)
    'static': `<srcDir>/static`, // (kecuali kamu telah mengatur `dir.static` khusus)
  }
  

Opsi ini memungkinkan kamu menentukan alias ke direktori di dalam proyek kamu (selain yang ada di atas). Alias ini dapat digunakan di dalam JavaScript dan CSS.

import { resolve } from 'path'
export default {
  alias: {
    'images': resolve(__dirname, './assets/images'),
    'style': resolve(__dirname, './assets/style'),
    'data': resolve(__dirname, './assets/other/data)'
  }
}

<template>
  <img src="~images/main-bg.jpg">
</template>

<script>
import data from 'data/test.json'

// etc.
</script>

<style>
@import '~style/variables.scss';
@import '~style/utils.scss';
@import '~style/base.scss';

body {
  background-image: url('~images/main-bg.jpg');
}
</style>