1000の星の下のものすごいプロジェクト



JavaScript環境の最も有り難い特徴の一つは間違いなくNPM オープンソースパッケージの巨大な選択.使いやすい、(主に)信頼性の高い、高速、安全な.それは、そのベルトの下で多くの大きな利点を持ちます.
一方、ベテランの開発者によってさえ、最も嫌われている主題のうちの1つは、ノードの間の奇妙な二分法です.JSとJavaScriptブラウザエンジン.言語はバックエンドとフロントエンドで同じコードを実行する可能性を提供します、しかし、我々は全くそれが継ぎ目なく動くところを決して得ませんでした.

Lyoは、そのギャップを埋めることを目指します.このツールは任意のノードを有効にすることができます.単一のファイルブラウザライブラリにJSパッケージ.
例を見て歩きましょう.
まず、私はブラウザに持っているNPMにランダムパッケージを選択します.JavaScriptから欠けている共通の特徴は、ネイティブの暗号化ですsha1 . このハッシュスクリプトをプレーンHTMLページに追加したいと思います.
以来npx 私はLyoをインストールする必要さえありません.
npx lyo get sha1

上から下まで、
  • Lyoは6.5 sにインストールされました
  • 実行SHA 1バージョン1.1.1
  • SHA 1を読み込む.js
  • SHA 1という名前のファイルを出力します.MIT . JS
  • ライブラリ名sha1
  • Browserify、バベルとUglifyは正常に実行された
  • エラーなしで終了しました
  • それから、私は単に出力ファイルを私のHTMLページに加えることができます.
    <script src="sha1.min.js"></script>
    <script>
    console.log(sha1("P@ssWord")); // => 56355fa0c17cb7f9dc0d936f6c7aa385114ee097
    </script>
    
    これはなんと簡単でしょう.
    簡単に十分な?あなたもあなたの端末を開くしたくないですか?Lyoはあなたをカバーしました.オープンlyo.now.sh お好みのブラウザでコンパイルしたいパッケージの名前を入力します.Lyoはすべての世話をして、CDNかノードの上でこのパッケージを使用する方法を出力します.js

    スペクトルの反対側では、なぜあなたのノードをブラウザのバージョンであなたのユーザーに提供しません.JSパッケージ?
    もちろん、あなたはすでにBrowserifyやWebpackを使用することがありますが、今Lyoにすべての作業を委任することができます.
    プロジェクトフォルダを開き、実行します
    npx lyo init
    npm install
    
    Lyoは編集しますpackage.json ファイルを依存性として追加し、スクリプトを実行するスクリプトを追加します.
    今、あなたはNPMにあなたの仕事を公開するたびに、それは単一のファイルにパックされます.このファイルを直接ダウンロードすることができますかjsDelivr or unpkg .
    いくつかの警告、Lyoは、その出力がブラウザ環境の下で働いていることを保証することができません.たとえば、ファイルシステムまたは任意のノードのみの機能を使用してパッケージは、ブラウザ上で実行することはできません.また、BrowserifyはES 6のような特徴の使用に関して全く独断的ですimport/export . これは、ノードが既にサポートしていない構文を使用できないことを意味します.JS '最後のバージョン.
    私は、とても複雑なプロセスがどのようにとても簡単に使われることができるか本当に好きです.あなたが好きかどうかextreme modularity of NPM , Lyoは、あなたにこの力を利用させます.
    来月全員会いましょう.