建物については非常に混乱してきた、その理由は、常にビルドツールを伴う、関連する記事の建設から茎と構成は、多くのファイル。そのため、常に本当の意味は非常に精密な工事を理解することができませんでした。
何構築されています
私たちの建設は、コードが本番環境に変換され、開発環境でコードを書くことです。
プロセスを構築
開発環境のコード
- 私たちは、使用する可能性があります
es6、sass、jsx等
、プリコンパイルを必要とし、 - 私たちは、書くのを忘れて
</div>
、構文チェックを必要とする、すべての種類lint
などを、HTMLlint Csslint eslit
- 我々は使用することができます
react
管理に依存する必要がある、彼らはいくつかの依存関係を持っています、 - 私たちは、ファイルのバージョン管理が必要なコードを、更新します
プロダクションコード
- 私たちは、私は量産コード生成に先立ってユニットテスト環境を持っていると思っていたプレゼンテーションの内容を修正することができると思ってい
- 我々は完全なの速いページのレンダリング結果として、より少ないと少ないリソースをしたいです
要約すると、ビルドプロセスが含まれなければなりません
预编译、语法检查、词法检查、依赖处理、文件合并、文件压缩、单元测试、版本管理等
。
構築ツール
もっと人気のビルドツールgulp
とgrunt
、特定の使用を参照してくださいGULP、うなり声。
もっと人気のパッケージ化ツールwebpack
やparcel-bundler
、具体的な使用を参照してくださいWebPACKの、小包・バンドラー。
考えます
それはどのような違いを生むんツールとパッケージツールを構築しますか?
個人的な理解:ビルドツール、より多くの注目は、このような文書管理の流れとカスタマイズされたタスク管理により、ビルドプロセスのフロントエンドを管理するための一口として、フロントエンドのプロセスの自動化、です。梱包・包装ツールは、依存関係の管理やバージョン管理など、プロセスに集中します。
あなたが別の解釈を持っている場合は、共通交換することを望んで。
オリジナルリンクします。https://www.jianshu.com/p/7a10e5e69275