이 문제의 핵심은 JS의 모듈화입니다. 이전에는 AMD, CMD, requireJS, CommonJS 등 많은 솔루션이 있었습니다. 이러한 솔루션은 온라인에 많이 있으므로 직접 검색할 수 있습니다. 이제 ES6 사양에 통합된 솔루션에 대해 설명하겠습니다.
먼저 빌드 도구인 webpack이나 gulp가 필요합니다. 이에 비해 지금은 전자가 더 인기가 있지만 학습 비용이 약간 높거나 vue-cli
와 같이 이미 준비된 스캐폴딩 종류가 있습니다.
npm i babel이 도구는 ES6 코드를 대부분의 브라우저에서 지원하는 JS 코드로 구문 분석하는 데 사용됩니다. Babel에서 이 단계를 구현하는 방법에 대한 튜토리얼도 있습니다. 물론, vue-cli와 같은 스캐폴딩을 사용하면 로컬 서비스를 포함한 모든 것을 구성하는 데 도움이 되므로 이 단계를 건너뛰어도 됩니다.
ES6 사양을 사용하여 언어를 작성하고 문제를 해결하세요
으아악
팁:
문제를 재현하는 상황은 실제 프로젝트 개발에서 거의 발생하지 않아야 합니다. 왜냐하면 이는 몇 년 전에 해결된 문제이고 대규모 프로젝트에서는 반드시 직면하게 될 문제이기 때문입니다
이 문제의 핵심은 JS 모듈화입니다. 관심이 있는 경우에는 건너뛰고 모듈화를 직접 살펴보는 것이 좋습니다. ES6 사양
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
질문자는 단지 js의 전역 변수에 대한 참조를 얻고 싶어합니다. 이러한 간단한 요구 사항은 반드시 모듈화될 필요는 없습니다.
으아악Chrome 브라우저 콘솔 --network를 사용하여 js 파일이 로드되었는지 확인하세요. 로드된 경우 콘솔에 오류가 있는지 확인하세요.
이 문제의 핵심은 JS의 모듈화입니다. 이전에는 AMD, CMD, requireJS, CommonJS 등 많은 솔루션이 있었습니다. 이러한 솔루션은 온라인에 많이 있으므로 직접 검색할 수 있습니다.
이제 ES6 사양에 통합된 솔루션에 대해 설명하겠습니다.
으아악먼저 빌드 도구인 webpack이나 gulp가 필요합니다. 이에 비해 지금은 전자가 더 인기가 있지만 학습 비용이 약간 높거나 vue-cli
npm i babel이 도구는 ES6 코드를 대부분의 브라우저에서 지원하는 JS 코드로 구문 분석하는 데 사용됩니다. Babel에서 이 단계를 구현하는 방법에 대한 튜토리얼도 있습니다. 물론, vue-cli와 같은 스캐폴딩을 사용하면 로컬 서비스를 포함한 모든 것을 구성하는 데 도움이 되므로 이 단계를 건너뛰어도 됩니다.ES6 사양을 사용하여 언어를 작성하고 문제를 해결하세요
팁:
문제를 재현하는 상황은 실제 프로젝트 개발에서 거의 발생하지 않아야 합니다. 왜냐하면 이는 몇 년 전에 해결된 문제이고 대규모 프로젝트에서는 반드시 직면하게 될 문제이기 때문입니다
이 문제의 핵심은 JS 모듈화입니다. 관심이 있는 경우에는 건너뛰고 모듈화를 직접 살펴보는 것이 좋습니다. ES6 사양
module.export = 내보내려는 함수
내보낸 함수를 다른 페이지로 가져옵니다.
require.js