webpack에서 모듈간에 공통 변수를 갖고 싶습니다.
2020/05/10 추가
잘 작동하지 않습니다,,
hoge.js의 변경 사항이 huga.js에 반영되지 않았습니다.
상수를 다루는 것처럼,
huga.js의 glogals.a는 10으로 남아 있습니다. .
이것을 시도해도 역시 같은 느낌입니다.
htps : // 우ぇb 파크. js. 오 rg / p ㅅ 긴 s / p
webpack의 사양이 바뀌었는가.
우선 window 객체에 네임스페이스 준비할 수밖에 없을까. .
누군가 알고 계시다면, 알려주세요!
js 파일간에 변수를 공유하고 싶을 때
그 옛날에는,,,
globals.js
(function(){}(
window.common = {
a:10,
b:12
}
))();
a.js
(function(){}(
window.common = window.common || {}
window.common.a++;
console.log(window.common.a); // 11
))();
b.js
(function(){}(
window.common = window.common || {}
window.common.a++;
console.log(window.common.a); // 12
))();
index.html
<html>
<title>バンドルツール出る前の旧石器時代</title>
<head>
</head>
<body>
<script src="./globals.js">
<script src="./a.js">
<script src="./b.js">
</body>
이런 일을 했어
webpack 사용했을 때
같은 일을 하고 싶을 때, 어떻게 하면 좋을까.
이 기사를 보고, 실험해 보면 맛있는 말이라고 한다.
ES6 모듈 간에 export/import된 변수(?)는 동기화됩니다.
globals.js
export default {
a:10,
b:15
};
module_hoge.js
import globals from './globals';
console.log(globals.a) // 10
globals.a++;
console.log(globals.a) // 11
module_huga.js
import globals from './globals';
console.log(globals.a) // 11
이 방법은 올바른 것일까.
그 밖에도 여러가지 있을 것 같다.
h tps : // s t c ゔ ぇ rf ぉ w. 코 m / 쿠에 s 치온 s / 37656592 /에서 푹신 ぃ ぉ 바 l ゔ ぁ 리아 b
Reference
이 문제에 관하여(webpack에서 모듈간에 공통 변수를 갖고 싶습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/resistance_gowy/items/aaeb7d19abdbf859cabd텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
