What does the @ mean inside an import path?

by

This is done with Webpack resolve.alias configuration option and isn’t specific to Vue.

In Vue Webpack template, Webpack is configured to replace @/ with src path:

  const path = require('path');

  ...
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      ...
      '@': path.resolve('src'),
    }
  },
  ...

The alias is used as:

import '@/<path inside src folder>';

More Related Contents:

  1. What should I do to use this webpacked JS library? [closed]
  2. Javascript object bracket notation ({ Navigation } =) on left side of assign
  3. Getting Unexpected Token Export
  4. ES6 exporting/importing in index file
  5. Static image src in Vue.js template
  6. When should I use brackets with imports
  7. forEach is not a function error with JavaScript array
  8. where is create-react-app webpack config and files?
  9. Webpack babel 6 ES6 decorators
  10. javascript import from ‘/folder’ with index.js
  11. Module not found: Error: Can’t resolve vue, path not correct
  12. In the `import` syntax of ES6, how is a module evaluated exactly?
  13. Webpack-dev-server compiles files but does not refresh or make compiled javascript available to browser
  14. Importing javascript file for use within vue component
  15. How to disable ESLint in vue-cli?
  16. Output an ES module using webpack
  17. How to correctly use ES6 “export default” with CommonJS “require”?
  18. How to bind img src to data in Vue
  19. Private properties in JavaScript ES6 classes
  20. Why can I change a constant object in javascript
  21. How to add external JS scripts to VueJS Components?
  22. Defer execution for ES6 Template Literals
  23. New es6 syntax for importing commonjs / amd modules i.e. `import foo = require(‘foo’)`
  24. ES6 promise settled callback?
  25. How to reference static assets within vue javascript
  26. Why not always use the index as the key in a vue.js for loop?
  27. What is an “internal slot” of an object in JavaScript?
  28. ES6 destructuring object assignment function parameter default value
  29. Destructuring deep properties
  30. How to get the target of a JavaScript Proxy?

Leave a Comment