vue crane

vue-crane (メンテナンスされていない)

大規模なプロジェクトに対処するための、ユニバーサル、モジュール式、マルチページ、フルスタックの Vue ボイラープレート。 Node.js、Express、PM2、Lerna、Webpack、Babel、Vue.js、Element、PostCSS に基づいています。

特徴

• UI ユーティリティとしてのelement-ui 。
• lint-stagedを使用して、 prettierとESlintコミット前フックで結合します。コードベースにクソコードが紛れ込むのではないかと心配する必要はありません。
• pm2生産工程管理者として。
• CORS エラーを回避するためのリモート サーバー API プロキシ用のhttp-proxy-middleware 。
• webpack dll使用してビルド時のパフォーマンスを向上させます。
• cli を介したdynamic webpack entryをサポートします。
• 複数のプロジェクトを 1 つのプロジェクトで管理するためのlerna 。
• postcss次世代 CSS プリプロセッサです。
• 開発サーバーと運用サーバーを 1 つのexpressサーバーに統合します。
• winstonロガー システムとして使用します。
• 高速ルーターのカスタマイズをサポートします。
• デプロイメント用のバンドル プロジェクトを自動的に生成します。

はじめる

git clone https://github.com/posrix/vue-crane my-project
cd my-project
npm install
npm run dev

動的Webpackエントリ

巨大プロジェクトの開発期間中に。プロジェクト全体をビルドするよりも、webpack に必要なファイルをビルドさせるほうがはるかに適切です。 vue-crane は、開発するモジュールをユーザーが選択できるように、入り口として cli を使用します。

サーバーサイド開発

nodemon使用してホットリロードでローカル実稼働サーバーを起動します。

$ npm install
$ npm run build
$ npm run local 

生産

vue-crane には3本番環境があります。

• Test環境
• Pre-Release環境
• Release環境

各環境には独自の起動スクリプトがあります。

テスト環境:

$ npm run stage

プレリリース環境:

$ npm run pre

リリース環境:

$ npm run release

導入

vue-crane は、デプロイメントに vue-crane-bundle というバンドル プロジェクトを使用します。新しいバージョンを反復する場合は、シェル スクリプトを実行するだけです。すべての内容はバンドル プロジェクト内で解決されます。デプロイメントにバンドル プロジェクトを使用することには 3 つの利点があります。

• 異なる環境でもサーバーの依存関係の一貫性を維持します。
• エラー発生時に以前のバージョンにすばやくロールバックします。
• 必要なファイルのみをオンライン実稼働サーバーにデプロイします。

導入ステップ

1. 空の Git リポジトリをバンドル プロジェクトとして作成します。リモート URL を git リポジトリ ホスティング サービスに追加します。バンドル プロジェクトがソース プロジェクトと同じフォルダー レベルにあることを確認してください。

2. package.jsonのバンドル スクリプトを編集します。 source_project 、 bundle_project 、 release_branchの 3 つのパラメータを指定する必要があります。

{
  "bundle" : " sh ./tasks/bundle.sh source_project bundle_project release_branch "
}

3. バンドルスクリプトを実行します。

$ npm run bundle

ライセンス

MIT ライセンス (MIT)。詳細については、ライセンス ファイルを参照してください。