vue の公式 Web サイトには、vue-cli スキャフォールディングに付属する webpack パッケージがありますが、gulp でコンパイルと webpack パッケージを実行したいです。Vue はフレームワークです。Family Bucket スキャフォールディング プロジェクトを作成したいです。わかりません。始め方について専門家のアドバイスを求めています。
まず第一に、なぜコンパイルに Gulp を使用するのでしょうか?回答者は初めて Webpack について知ったとき、Gulp + Webpack のワークフローを実装しました。これは機能し、保守も可能ですが、実際には不必要な複雑さをもたらします。実際には、ビルド システムには Gulp の使用を必要とするタスクはありません。 Gulp + Webpack プロジェクトでは、100 行レベルのパッケージング構成を 2 セット維持する必要がありますが、これは実際に使用するのが不便です。 Gulp の機能は、現在のトレンドでもある NPM Script で完全に置き換えることができます。テクノロジー スタックに関する既存の知識を維持し、Gulp を導入したいと考えるのは理解できますが、これは必須ではありません。
vue-cliのWebpack構成を理解していることを前提に、コードを合理化し、vue + webpackの構成テンプレートを実装することを推奨します。回答者の実践では、中型 (10,000 行) の Vue プロジェクトのサイズ要件を満たすことができる Webpack テンプレートは 1 つの config.js だけで作成でき、webpack.dev.js と webpack.dev.js を区別する必要さえありません。 webpack.prod.js モジュール。
参考までに、これは上記の 100 行レベルの Vue 中規模プロジェクト テンプレートです。100 行以内の構成で、HMR、プリプロセッサ、依存関係抽出、インライン イメージ、CSS 抽出、HTML 生成、リバース プロキシなどの共通サポートを実現します。フロントエンドエンジニアリング機能: https://github.com/doodlewind...
これは Gulp + Webpack プロジェクトの Gulpfile テンプレートです: https://github.com/doodlewind...
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
まず第一に、なぜコンパイルに Gulp を使用するのでしょうか?回答者は初めて Webpack について知ったとき、Gulp + Webpack のワークフローを実装しました。これは機能し、保守も可能ですが、実際には不必要な複雑さをもたらします。実際には、ビルド システムには Gulp の使用を必要とするタスクはありません。 Gulp + Webpack プロジェクトでは、100 行レベルのパッケージング構成を 2 セット維持する必要がありますが、これは実際に使用するのが不便です。 Gulp の機能は、現在のトレンドでもある NPM Script で完全に置き換えることができます。テクノロジー スタックに関する既存の知識を維持し、Gulp を導入したいと考えるのは理解できますが、これは必須ではありません。
vue-cliのWebpack構成を理解していることを前提に、コードを合理化し、vue + webpackの構成テンプレートを実装することを推奨します。回答者の実践では、中型 (10,000 行) の Vue プロジェクトのサイズ要件を満たすことができる Webpack テンプレートは 1 つの config.js だけで作成でき、webpack.dev.js と webpack.dev.js を区別する必要さえありません。 webpack.prod.js モジュール。
参考までに、これは上記の 100 行レベルの Vue 中規模プロジェクト テンプレートです。100 行以内の構成で、HMR、プリプロセッサ、依存関係抽出、インライン イメージ、CSS 抽出、HTML 生成、リバース プロキシなどの共通サポートを実現します。フロントエンドエンジニアリング機能:
https://github.com/doodlewind...
これは Gulp + Webpack プロジェクトの Gulpfile テンプレートです:
https://github.com/doodlewind...