2017-02-27 6 views
3

新しいプロジェクトのためにVue.jsを選択しました。これは、Reactのような、Nodeを介してコンパイル/トランスビルドされなければならないものとは対照的に、ブラウザでネイティブに実行されるようです。プロダクションコードでこのようなCDNにリンクするだけの理由がありますか?本番環境のCDNからVue.jsを読み込むことはできますか?

<script src="https://unpkg.com/[email protected]"></script> 

同僚は、それが唯一の開発のためのものであってもよい提案し、そのunpkgは単純に(パフォーマンスのために良い音ではありません)その場でtranspilingされます。しかしそれ以外はうまくいくようです。 this oneなどのより堅牢なCDNにリンクすることもできますが、ノードビルドシステム(webpackなど)を使用しないで、何らかのベストプラクティスに違反していないことを確認したいだけです。

+0

実際には、あなたはGoogleコード、または別のより堅牢なcdnを使用したいかもしれません。あなたがまだいない場合はminバージョンを使用してください。 –

+0

https://www.sitepoint.com/7-reasons-to-use-a-cdn/ –

+1

あなたの同僚は後者のカウントで間違っています - unpkgはパッケージが公開されたときにビルドを実行します。つまり、[about page(https://unpkg.com/#/about)]は、プロダクションで有料のCDNを使用する方が良いと示唆しています。 –

答えて

2

私の生産コードでこのようなCDNにリンクするだけの理由はありますか?

いいえ、生産にCDNを使用しない理由はありません。特にjQueryのような一般的なパッケージでは、ほとんどの人が既にこのリソースをロードしてキャッシュしているため、プロダクションモードでコンテンツを提供するための好ましい方法です。

開発者のみが協力していることが示唆されています。そのパッキングは、オンザフライで簡単に飛び越えています(パフォーマンスは良くないと思われます)。

これは絶対に真実ではありません - それがCDNです! :)選択の問題はですが、の場合は、開発中に使用しているのライブラリの特定のバージョンを使用することをお勧めします。最新のバージョンのコードを追加するだけであれば、そのリポジトリにプッシュされたすべての変更に対して脆弱であるため、クライアントはまだテストしていない更新されたコードの受信を開始します。

そこであなたは、して開発ビールを開いて、良い睡眠を持っている特定のバージョン:)

2

にこれらの多分助け修正:

<!-- development version --> 
<script src="https://unpkg.com/vue"></script> 

<!-- production version --> 
<script src="https://unpkg.com/vue/dist/vue.min.js"></script> 

をそして、それはVue.jsの現在のバージョンを維持します自動的に。

+0

絶対に** NOT **をお勧めします!大きな変更があり、それに後方互換性がない場合はどうなりますか?私はあなたに伝えます - あなたのコードは、あなたがそれを知らないうちに動作しなくなります。ビジネスにはまったく役に立たない:) –

+1

そのURLを使って現在のバージョンを安全に指定することができます:https://unpkg.com/[email protected]/dist/vue.min.js – Jordan

関連する問題