Riot.기존 브라우저에 대응

개인적으로 riot의 v4는 중형 프로젝트에서도 사용하기 좋으나 정식으로 i에 대응하지 않아 작업상 가져오기가 어렵다

현재 자신의 프로젝트는 이미 순조롭게 운행되고 있지만, 아직 충분히 검증되지 않았으니, 주의하십시오.
우선 파라셀로 최소한의 환경을 조정합시다.

설치하다.

npm install riot parcel-bundler @riotjs/parcel-plugin-riot

코드

index.html

<!DOCTYPE html>
<html>
<head>
  <title>Riot</title>
</head>
<body>
  <div id="app-root"></div>
  <script src="index.js"></script>
</body>
</html>

index.js

import { component } from 'riot'
import App from './App.riot'
component(App)(document.getElementById('app-root'))

App.riot

<App>
  <h1>{ state.title }</h1>
  <script>
    export default {
      state: {
        title: 'HELLO!'
      }
    }
  </script>
</App>

실행

npx parcel index.html

그리고 방문http://localhost:1234.간단하네요!
이제 IE 대응

을 시작하겠습니다.

폴리에틸렌 도입

묶음 파일을 지나치게 비대하게 하고 싶지 않기 때문에 cdn으로 처리합니다.다음 내용 추가
index.html

  <script src="https://unpkg.com/[email protected]/minified.js"></script>
  <script src="https://unpkg.com/@webcomponents/[email protected]/template.js"></script>

이게 다야!

최후

@riotjs/route도 i11에 대응하고 싶지만parcel nodemodules의 es6 코드가 연결되지 않았기 때문에 포기

.
웹 패키지로 문제 없이 완성했기 때문에 regenerator-runtime로 이동하면 됩니다.

Reference

이 문제에 관하여(Riot.기존 브라우저에 대응), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/elastic/items/ca75aa8a0de839cd9c73

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

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