JS中級import/export

▶▼モジュール化されたインポート/エクスポート

  //index.html

  <script type="module">
    
  </script>

  //library.js

  var a = 10;
  export default a; // a라는 변수를 기본으로 export 하겠다.

	//index.js
  <script type="module">
    import a from 'library.js';
    console.log(a);
  </script>

▶▼▼複数出口

//library.js
	var a = 10;
	var b = 20;
	var c = 30;

	export {a, b};

// export var a = 10; 이렇게 쓸 수도 있다. 

// index.html 

  <script type="module">
    import { a,b }from 'library.js';
    console.log(a);
  </script>

▶▼exportとexport defaultを併用

//library.js
	var a = 10;
	var b = 20;
	var c = 30;

	export {a, b};
	export default c ; 
// export var a = 10; 이렇게 쓸 수도 있다. 

// index.html 

  <script type="module">
    import c, { a,b }from 'library.js';
    console.log(a);
  </script>

▼▼import変数の名前を変更

//library.js
	var a = 10;
	var c = 30;

	export a=;
	export default c ; 
// export var a = 10; 이렇게 쓸 수도 있다. 

// index.html 

  <script type="module">
    import c as apple, { a as melon }from 'library.js';
    console.log(a);
  </script>

▶▼▼importの変数が多いと*記号

//library.js
	var a = 10;
	var b = 20;
	var c = 30;
	var d = 40;

	export {a,b,c};
	export default d ; 
// export var a = 10; 이렇게 쓸 수도 있다. 

// index.html 

  <script type="module">
    import d, { * as apples }from 'library.js';
    console.log(apples.a);
   	console.log(c);
  </script>