モバイルフロントエンドの最適化は、ゴッドファーザーに来る必要があります！

私のディレクトリ

1：WebPACKのお勧めの記事

2：イェチャイは、記事を推奨しました

3：私のプロジェクトの最適化

フロントエンドは駄々をこねるうなり声を構築している場合は1 >>は、ゴッドファーザーは、同様に、一息で新しいゴッドファーザー（WebPACKの）：

WebPACKのができると兵卒、GULP、カルマはその上の既存のツールと統合して。そしてそれは、ダウンロードモジュールのためのWebPACK利用できませんが、それは良いフィット感と既存のパッケージマネージャが、我々はまだ使用することができますすることができNPM、バウアー、コンポーネント、あなたのリソースを管理し、他のWeb開発者をWebPACKの中でそれらをロードします。

記事には、次のことをお勧めします。

WebPACKのモジュールマネージャのWeb開発者や学生のための：http://hanjianwei.com/2014/09/10/webpack-package-manager-for-web/

2 >>検討に値すると思考あまりにも多くのフロントエンドの最適化の方法があり、前葉の弟の先端を見たベスト・プラクティスは、私は非常に啓発感じる、以下の記事をお勧めします。

モバイルフロントエンドのベストプラクティスに関する：http://www.cnblogs.com/yexiaochai/p/4219523.html

3 >>私は私が私にあったと言うでしょうスパプロジェクトの最適化のために導入のポイントを作る、プロジェクト：最適化を行うための要求を、モジュール式の作業を行います

場合MVVM Qindieはノックアウト、それはだゴッドファーザーがいると推定された角度、アバロン、Vueの、リアクトなど、良いMVVMフレームワークを選択するには、保守プロジェクトを最適化することも重要ですが、私はここで、各フレームのためのおかずはないです品質を説明し、私はそれが良いと思い練習 + 適切なシーンが選択されている私のプロジェクトの枠組みの中で最高の試験方法であり、Vueの+ WebPACKのを、彼はそれについて非常に懸念されている、私はそれが非常に集中している感じ。

webpack.config.js次のようにファイル構成は以下のとおりです。

webpack.config.js コマンド：

webpack 開発をコンパイルするには
webpack -p 生産のために一度構築するための（縮小）
webpack -p （圧縮コード）をコンパイルする環境を公開するための
webpack --watch インクリメンタル・コンパイルの開発プロセスを続行するには（すぐに！）
webpack -d SourceMapsを生成するには

私は、携帯最適化、最も価値のある最適化の一つ、実行する要求のための最適化は、その後、あなたはモジュール化のためのプロジェクトをしなければならないと思います。

比如说:开发的时候是这个样子：

index.css
index.js
template.html

最终发布是这个样子：
build1.js

。3リクエストは、にマージ。1回目は、この最適化が最も明白です。

スクリーンショット1：

スクリーンショット2：

ます。https：//www.cnblogs.com/Kummy/p/4431388.htmlで再現

モバイルフロントエンドの最適化は、ゴッドファーザーに来る必要があります！

おすすめ