LINQPad 9의 내장 자바스크립트 엔진으로 ESM 모듈 사용하기

LINQPad가 본격적으로 크로스플랫폼 지원을 위해서 Chromium 기반 웹 뷰를 전환한 이후 크게 개선된 부분으로, JavaScript 코드를 C# 컨텍스트에서 실행할 수 있게 된 점이 매우 유용합니다.

이 점을 활용해서 아래 스크린 샷처럼 ESM 모듈을 불러와서 테스트하는 것까지 시도해볼 수 있어서 매우 흥미롭습니다. :smiley:

아래 코드를 붙여 넣고, 웹 뷰를 연 다음 Ctrl+Shift+I (macOS의 경우 Cmd+Shift+I)로 Developer Tool을 띄우면 웹 브라우저 측 콘솔의 로그를 실시간으로 볼 수 있습니다.

var script = """
import _ from 'https://cdn.jsdelivr.net/npm/lodash-es@4.17.21/lodash.min.js';
console.log(_.map([1, 2, 3], x => x * 10));
""";

Util.JS.Run($$"""
const script = document.createElement('script');
script.type = 'module';
script.textContent = `{{script}}`;
document.body.appendChild(script);
""");

덧붙임: LINQPad 9 Beta가 계속 할인된 가격으로 구매가 가능합니다. 어필리에이트 링크를 이번에 제가 새로 받게 되어 링크를 달아둡니다. > 구매하러 가기

7개의 좋아요