Deno에서 Vue3 운전을 해보도록 하겠습니다.

6309 단어 JavaScriptVue.jsDenotech
노드를 대체하는 새로운javascript/typescript 실행 시간으로 등장하는Denobundle 기능에는deno bundle 여러 js 파일을 한데 모을 수 있습니다
이 기능을 사용했습니다. Bundle, Vue3을 사용한 js 파일들.
초초간단 프로그램이지만 용서해 주세요.
먼저 적절한 구성 요소 만들기Sample.jsSample.js
export const Sample = {
  data() {
    return {
      message: "Hello Deno!"
    }
  },
  template: `<div>{{message}}</div>`
}
main.js에서 Vue 인스턴스를 생성하고''에 마운트합니다.
(사실 jspm에서 Vue라고 부르고 싶은데 어떻게 해야 할지 몰라서 unpkg부터...)
main.js
import { Vue } from "https://unpkg.com/vue@next"
import Sample from "./Sample.js"

const Main = {
  template: `<Sample></Sample>`
}

app = Vue.createApp(Main)
app.component("Sample", Sample)
app.mount("#app")
마운트 대상 생성 >
bundle 파일app.bundle.js로 미리 읽기
index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <div id="app"></div>
    <script src="app.bundle.js"></script>
  </body>
</html>
그럼 재료 준비 다 됐으니까 바로 버블 시작합시다.main.js 루트 파일로 요약app.bundle.js
$ deno bundle main.js app.bundle.js
브라우저로 열어보기index.html,Hello Deno!표시 여부
이번에 지령에서 디노의 버블 기능을 사용해 봤는데, 프로그램 내에서도 지령과 비슷한 기능을 Deno.bundle()라고 불러서 사용할 수 있다고 한다(사용 방법은 아직 잘 모르겠다.)
아직 언스테이블 기능일 뿐인데 Deno 버전의 웹 패키지 같은 게 곧 나올 것 같아요.
디노의 앞으로가 기대됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage