パッケージ化ツール パーセル ゼロ構成 vue 開発足場

この記事では、新しいパッケージング ツールのパーセル ゼロ構成 vue 開発スキャフォールディングに関する関連知識を主に紹介します。興味のある方はぜひご覧ください。 Parcel-vue は、Parcel パッケージ化ツールに基づく VueJS 高速開発スキャフォールディング ソリューションです。node8.0 以降を使用することを強くお勧めします。

parcel-vue は、Parcel パッケージ化ツールに基づいた VueJS 高速開発スキャフォールディング ソリューションです。node8.0 以降を使用することを強くお勧めします

プロジェクト アドレス: https://github.com/w3c-king/parcel-vue。

初期化プロジェクト

$ git clone https://github.com/w3c-king/parcel-vue.git

インストールの依存関係

$ cd parce-vue
$ npm install

その中で、parcel-bundlerがメインツールであり、 vue の最後にある単一のファイルは個別に処理する必要があります。parcel-plugin-vue プラグインは、vueify を通じて対応するコードを生成し、parcel-plugin から始まる依存関係を自動的に読み込みます。

開発環境を実行し、操作が成功したらブラウザ http://localhost:1234 を開いてプロジェクトを表示します

$ npm run dev

パッケージ化してコンパイルします

$ npm run build

開発

ディレクトリ構造

rr

実行するだけnpm run dev 和 npm run build で開発とビルドを行います。

関連する推奨事項:

vue-cli スキャフォールディングの使用方法の画像とテキストの分析

簡単な Node.js スキャフォールディングの実装方法

vue プロジェクト スキャフォールディングの概要

以上がパッケージ化ツール パーセル ゼロ構成 vue 開発足場の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。