esm ES Modules & Import Maps: Back to the Future 웹 페이지를 만드는 것이 html 파일을 만드는 것을 의미했던 때가 있었지만 요즘에는 node_modules의 바닥 없는 구덩이 없이는 프런트엔드를 구축하는 것이 불가능해 보입니다. 글쎄요, 곧 그렇지 않을 수도 있다는 것을 알게 되었고, 자연스럽게 그것을 나머지 여러분과 공유하고 싶은 충동을 느낍니다. 이제 예를 들어 프레임워크를 추가하고 싶다고 가정해 보겠습니다. 다음과 같이 할 수 있습... javascriptesmwebdevbeginners 노드 백엔드에서 require() 사용 중지 모든 노드 개발자에게 새 프로젝트에서 require() 사용을 중지해야 합니다. 노드는 이미 모듈을 지원하고 있으며 이 튜토리얼은 이들 사이의 차이점과 require() 대신 무엇을 사용해야 하는지 알려주고 모듈에 대해 좀 더 자세히 설명합니다. 무엇을 사용하고 있습니까? 당신이 사용해야 할 것 봤어?? 더 나은 코드가 두 번째 코드에서 얼마나 많이 보이는지. 첫 번째는 라이브러리를 가져오기... esmjavascriptprogrammingnode CommonJS 및 ESM 사용을 위한 Node.js 모듈 생성 지난 주에 나는 미래의 프로젝트를 위해 간단한 스톱워치 모듈을 만들고 싶은 충동을 느꼈습니다. 나는 최근에 (ESM)을 만드는 일에 발을 들였고, 앞으로 내가 만든 모든 모듈이 CommonJS나 ESM에 고유하게 느껴지도록 하고 싶었습니다. 매우 간단합니다. 대부분의 골격 형태에서 내 구조는 다음과 같습니다. 모듈에 대한 모든 작업은 src/ 에 있으며 두 개의 루트 색인 파일은 상위 모듈에... esmjavascriptnpmnode ESM을 지원하는 개발 서버 오늘날 코딩하는 동안 (ESM)을 광범위하게 사용하지만 브라우저가 전역 모듈을 처리하는 방법을 모르기 때문에 아직 모듈 기반 코드를 배포할 수 없습니다. 따라서 우리는 여전히 웹팩, 롤업 또는 소포와 같은 JavaScript 번들러를 사용하여 모듈을 번들해야 합니다. 그러나 적어도 지금은 모듈을 사용하여 개발 프로세스를 가속화할 수 있습니다. 과거에는 컴파일 후 unpkg에서 전역 모듈을 모... moduletypescriptesmjavascript Deno 스크립트에서 ESM 모듈 추출 이것은 에 대한 나의 최근 게시물에 대한 또 다른 후속 조치입니다. 크롤러 코드를 자체 코드 로 추출하여 Node.js 또는 브라우저에서도 사용할 수 있도록 하는 것이 합리적이라고 생각했습니다. 결과 는 매개변수로 parse5 및 가져오기를 기대하기 때문에 약간 보기 흉하지만 작동합니다. 에서 자신의 브라우저 내에서 모듈을 실행할 수 있습니다. 일반적인 브라우저 CORS 제한은 ESM 모듈과... denonodeesmwebdev Alpine.js로 모듈식 앱 빌드 각 페이지는 많은 구성 요소로 구성된 모듈로 취급되며 백엔드 측에서는 SSR과 같은 페이지 생성을 처리합니다Go. 페이지 및 구성 요소 페이지는 많은 구성 요소, 탐색 모음, 카드, 상자, 메뉴, 필드, 그래프 등으로 구성됩니다. Alpine에서 구성 요소는 x-data 속성이 있는 간단한 div일 수 있습니다. 구성 요소의 논리를 재사용하기 위해 각 구성 요소의 논리와 상태를 나타내는 단일... alpinejsesmjavascript
ES Modules & Import Maps: Back to the Future 웹 페이지를 만드는 것이 html 파일을 만드는 것을 의미했던 때가 있었지만 요즘에는 node_modules의 바닥 없는 구덩이 없이는 프런트엔드를 구축하는 것이 불가능해 보입니다. 글쎄요, 곧 그렇지 않을 수도 있다는 것을 알게 되었고, 자연스럽게 그것을 나머지 여러분과 공유하고 싶은 충동을 느낍니다. 이제 예를 들어 프레임워크를 추가하고 싶다고 가정해 보겠습니다. 다음과 같이 할 수 있습... javascriptesmwebdevbeginners 노드 백엔드에서 require() 사용 중지 모든 노드 개발자에게 새 프로젝트에서 require() 사용을 중지해야 합니다. 노드는 이미 모듈을 지원하고 있으며 이 튜토리얼은 이들 사이의 차이점과 require() 대신 무엇을 사용해야 하는지 알려주고 모듈에 대해 좀 더 자세히 설명합니다. 무엇을 사용하고 있습니까? 당신이 사용해야 할 것 봤어?? 더 나은 코드가 두 번째 코드에서 얼마나 많이 보이는지. 첫 번째는 라이브러리를 가져오기... esmjavascriptprogrammingnode CommonJS 및 ESM 사용을 위한 Node.js 모듈 생성 지난 주에 나는 미래의 프로젝트를 위해 간단한 스톱워치 모듈을 만들고 싶은 충동을 느꼈습니다. 나는 최근에 (ESM)을 만드는 일에 발을 들였고, 앞으로 내가 만든 모든 모듈이 CommonJS나 ESM에 고유하게 느껴지도록 하고 싶었습니다. 매우 간단합니다. 대부분의 골격 형태에서 내 구조는 다음과 같습니다. 모듈에 대한 모든 작업은 src/ 에 있으며 두 개의 루트 색인 파일은 상위 모듈에... esmjavascriptnpmnode ESM을 지원하는 개발 서버 오늘날 코딩하는 동안 (ESM)을 광범위하게 사용하지만 브라우저가 전역 모듈을 처리하는 방법을 모르기 때문에 아직 모듈 기반 코드를 배포할 수 없습니다. 따라서 우리는 여전히 웹팩, 롤업 또는 소포와 같은 JavaScript 번들러를 사용하여 모듈을 번들해야 합니다. 그러나 적어도 지금은 모듈을 사용하여 개발 프로세스를 가속화할 수 있습니다. 과거에는 컴파일 후 unpkg에서 전역 모듈을 모... moduletypescriptesmjavascript Deno 스크립트에서 ESM 모듈 추출 이것은 에 대한 나의 최근 게시물에 대한 또 다른 후속 조치입니다. 크롤러 코드를 자체 코드 로 추출하여 Node.js 또는 브라우저에서도 사용할 수 있도록 하는 것이 합리적이라고 생각했습니다. 결과 는 매개변수로 parse5 및 가져오기를 기대하기 때문에 약간 보기 흉하지만 작동합니다. 에서 자신의 브라우저 내에서 모듈을 실행할 수 있습니다. 일반적인 브라우저 CORS 제한은 ESM 모듈과... denonodeesmwebdev Alpine.js로 모듈식 앱 빌드 각 페이지는 많은 구성 요소로 구성된 모듈로 취급되며 백엔드 측에서는 SSR과 같은 페이지 생성을 처리합니다Go. 페이지 및 구성 요소 페이지는 많은 구성 요소, 탐색 모음, 카드, 상자, 메뉴, 필드, 그래프 등으로 구성됩니다. Alpine에서 구성 요소는 x-data 속성이 있는 간단한 div일 수 있습니다. 구성 요소의 논리를 재사용하기 위해 각 구성 요소의 논리와 상태를 나타내는 단일... alpinejsesmjavascript