vue-cli を使用してプロジェクトを作成し、webpack でパッケージ化する方法

npm インストール -g @vue/cli

vue init webpack マイプロジェクト

# ここではいくつかの設定が必要ですが、デフォルトでは Enter キーを押すだけです。これにより、テンプレートの Vue 2.x バージョンがインストールされます。

Vue 1.x の場合は以下を使用します: vue init webpack#1.0 my-project
# 設定を開始しますか? プロジェクト名 my-project
? プロジェクトの説明 Vue.js プロジェクト
? 著者 runoob <[email protected]>
? Vue ビルド スタンドアロン
? ESLintを使用してコードをリントしますか? はい
? ESLintプリセット標準を選択
? Karma + Mocha でユニットテストをセットアップしますか? はい
? Nightwatchでe2eテストを設定しますか? はい
# 構成は vue-cli で終了 · 「my-project」が生成されました。

   開始するには:
   
     cd 私のプロジェクト
     npmインストール
     npm 実行 dev
   
   ドキュメントは https://vuejs-templates.github.io/webpack にあります。

cd 私のプロジェクト
npmインストール
npm 実行 dev

#プロジェクトをパッケージ化 npm run build

ワーカープロセス 1;

イベント {
    ワーカー接続 1024;
}

http {
    mime.types を含めます。
    デフォルトタイプ アプリケーション/オクテットストリーム;
    ファイル送信オン;
    キープアライブタイムアウト65;

    サーバー{
        聞く 8081;
        server_name ローカルホスト;

		位置 / {
            ルート E:/vuework/my-project/dist;
			try_files $uri $uri/ /index.html;
            インデックス index.html index.htm;
        }
    }
}

npm 実行ビルド
nginxを起動する