Parcelv2+WebAssiembly 가능한가요?

되다


관련 기사:
  • rollup.js에 폭발 속도esbuild를 삽입하는 방법
  • Rust의 이미지:: loadfrom_너무 늦은 문제
  • Rust 정전의 시리즈 과거 보도
  • WSL2에서 제작한 Windows 개발 환경: Rust 징집(1)
  • wasmer로 Web Assiembly의 문을 두드리다:Rust 징집(2)
  • JavaScript에서 WebAssiembly 호출 함수: Rust 징집(3)
  • TypeScript 및 Rollup Webassembly 시작:Rust 징집(4)
  • Svelte는 WebAssembly에서 Type을 사용하여 Rollup에서:Rust 징집(5)
  • WASM 사이즈가 너무 크죠?Rust 징집(6)
  • Webassembly 다중 스레드 조사용crate:Rust 징집(7)
  • WebAssembly에서 Sleep:Rust 징집(8)
  • 앞의 책은 여기서부터 ↓---------
    JavaScript의 리본 휠
    여러분들이 가장 좋아하는 웹 패키지를 비롯해서.
    rollup.js,fusebox,Parcel,snowpack 등
    비 온 뒤의 죽순처럼 한 시기가 늘었다.
    그리고 요즘에 하이라이트를 키워드로 하고 있어요.
    Go제의 esbuild, Rust제의 swc 등이 있다.
    그중에 좀 오래된 Parcel도 이벤트가 있어요.
    parcel-bundler라고 불리는 것을 취소하다.
    v2 부분은 C++로 다시 쓰기
    그리고 베타3에서 변압기를 swc로 바꾸기
    며칠 전 Ver2로 발매된 모습입니다.
    https://parceljs.org/blog/v2/
    그러므로
    그럼 Parcel 갈 수 있는지 없는지 시험해 볼게요.
    결론적으로 쓸 수 있을 것 같아요.
    고속화되어 가볍게 사용할 수 있어서 좋아요.
    ヾ(・ω<)"3,3● 동그랗게 굴러갑니다."
    주제는 여기서부터↓-------

    카고 명령으로 항목 만들기


    카고 뉴에서 카고 프로젝트 만들기.
    이번에는 많은 것을 생략하기 위해wasm-pack 기본 템플릿을 사용했습니다.
    cargo install cargo-edit wasm-pack wasm-bindgen-cli
    wasm-pack new hello-parcel
    cd hello-parcel
    cargo upgrade
    

    WebAssiembly 설치


    npm init -y
    npm i -D parcel rimraf
    npx parcel --version
     2.0.0
    

    package.json 조정


    main 디렉터리는 출력 목표이기 때문에 삭제합니다.
    package.json
    - "main": "index.js",
    

    Parcel 작성 시작


    wasm-pack build --release --target web
    

    무대를 준비하다


    마지막으로 index.미리 준비하다
    WebAssembly 측면에서 설정된greet 함수를 JS 측면에서 호출
    ./index.html
    <!DOCTYPE html>
    <html>
    <head>
      <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
      <title>My awesome Rust, WebAssembly, and Parcel application</title>
      <script type="module" src="./src/index.js"></script>
    </head>
    <body>
    </body>
    </html>
    
    javaScript는 이런 느낌이에요.
    ./src/index.js
    import init, {greet} from '../pkg/hello_parcel.js'
    
    (async () => {
        console.log(await init())
        greet()
    })()
    

    Rust 구축 시작


    npx parcel ./index.html
    
    \Parcel

    (///) 좋아!
    뒷책은 여기서부터↓---------

    웹 워커를 사용하는 경우


    Parcel2도 웹 워커를 지원하는 것 같아요.
    다중 스레드가 실행되거나 다중 스레드가 WebAssiembly를 사용하는 경우도 괜찮다
    그것에 관해서는 별도로 보도할 수 있다

    좋은 웹페이지 즐겨찾기