What does the @ symbol do in javascript imports?

by

The meaning and structure of the module identifier depends on the module loader or module bundler. The module loader is not part of the ECMAScript spec. From a JavaScript language perspective, the module identifier is completely opaque. So it really depends on which module loader/bundler you are using.

You most likely have something like babel-plugin-root-import in your webpack/babel config.

Basically it means from the root of the project.. it avoids having to write things like import Component from '../../../../components/component'

Edit: One reason it exists is because import Component from 'components/component' doesn’t do that but instead search in the node_modules folder

More Related Contents:

  1. Why jQuery .load() is not working? [closed]
  2. How to create blog posts with HTML and CSS? [closed]
  3. How to sort an array of objects by multiple fields?
  4. jQuery click not working for dynamically created items [duplicate]
  5. Stop setInterval
  6. Scrolling an iframe with JavaScript?
  7. Determine Pixel Length of String in Javascript/jQuery?
  8. What is this practice called in JavaScript?
  9. How to detect browser back button click event using angular?
  10. Will HTML5 allow web apps to make peer-to-peer HTTP connections?
  11. Pass parameter with Python Flask in external Javascript
  12. Copy a variable’s value into another
  13. How do I remove javascript validation from my eclipse project?
  14. Adding a custom header to HTTP request using angular.js
  15. Performance of NodeJS with large amount of callbacks
  16. Google Maps – How to get the distance between two point in metre?
  17. unterminated string literal
  18. one document.createElement, append it twice, only shows once
  19. Change form values after submit button pressed
  20. detect keyboard layout with javascript
  21. How to run query from inside of Cloud function?
  22. Copy Image to Clipboard from Browser in Javascript?
  23. Vue.js data-bind style backgroundImage not working
  24. Example of how to load static CSS files from node_modules using webpack?
  25. How to show loading status in percentage for ajax response?
  26. HTML5 input required, scroll to input with fixed navbar on submit
  27. Function not calling within an onclick event
  28. Computed properties in Backbone
  29. Get Element StyleSheet Style in JavaScript
  30. How to import a js library without definition file in typescript file

Leave a Comment