2020年6月22日vueをビルドする場合、一般的にはwebpackなどのモジュールバンドラを使うかと思います。まとめて置こうかと思います。設定ファイルが簡易化モジュールバンドラ私が見るポイントとして下記3点です。ファイル監視の自動更新(ブラウザホットリロードはできれば程度)ビルド時間デバッグ最低限カスタマイズができること設定がある程度簡便なことwebpack一番有名なのはこれだと思います。情報が出て来やすく、FWなしだと多くのかたはこれを使うかと思います。難点としては色々な設定ができる分、その分設定が結構面倒臭いです。cliでテンプレートは作ってもらえますが、理解できないパラメータがあるのは結構不愉快です。(3系以上はdefaultで大部分作ってくれますが。)またビルド時間も少し重い印象です。依存ライブラリも多く、インストールでこけることも多々ありました。laravel-mixlaravel使っている方であれば標準で入っているので使っているでしょう。laravel使わなくてもこれ単体で使えます。実質webpackのラッパーですのでwebpackと同じなんです。webpack.mix.jsが設定ファイルですが、複雑な設定(特にプラグイン関連の記述)があまりなく、元ファイルと出力ファイルを書く程度で非常に直感的にかけます。ビルド時間はwebpackと同じか少し遅いかと思います。元のソースをベースにしたデバッグもできます。rollup比較的最近のモジュールバンドラです。vueで試したところうまくいかなかったのですが、設定ファイルもwebpackよりやや簡単で、わかりやすいです。出力パターンをiifeにしておくと元のソースがそのまま残るため、デバッグが非常に簡単です。ビルド時間も比較的短めです。モジュールバンドラrollupについてparcel設定ファイル不要です。ビルド時間も非常に高速で、主に小規模用のモジュールバンドラという印象です。デバッグ時、元ファイルを参照することが難しく、ビルドされたファイルから想像しつつ、修正をしないといけません。うまくデバッグできるような方法もありそうなので調査中です。モジュールバンドラparcelについてvue-cliについてvueの環境を作るために勉強のために独自にvueの設定を調べたり、書いたりするのは勉強になりますが、実務ではvue-cliをインストールするのが一番楽だと思います。自動的に設定をしてくれます。簡易サーバーのルートテーブルの設定dockerを使っているのですが、vue-cliも@vue/cliもホットリロードのURLはhttp://localhost:8080になるのですが、以前(vue-cli)はポートを開放してもつながらなかったのですが、今回(@vue/cli)では繋がりました。devの起動コマンドを下記のようにする必要があります。0.0.0.0が追加部分です。0.0.0.0が追加部分です。header」というメッセージが出た時に下記の修正をすれば改善されます。header」と表示される場合の対処法webpack4対応webpack-dev-serverの主要な設定オプション(CLI,webpack.config.js)の意味と挙動vue/cliのドキュメントを見ましたが、3系では上記設定がdefaultでされているようです。設定ファイルが簡易化defaultで設定される項目が増えたことで、設定ファイルなしでも動くように見えます。最初使った時に、入力、出力ファイル名すら決めていないで、どこで設定されているのかと思いました。カスタマイズしたい場合はvue.config.jsというファイルをおく必要があります。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。関連記事ネットワークコマンドについて(ping,nslookup,host,digなど)前回のDNSの時にレコードタイプについて調べましたが、以前からあやふやだったネットワーク系のコメントについても調べてみようかと思います。...nginxのデバッグ今までいろいろと苦しめられてきた(汗)nginxのデバッグについて。任意の文字や変数をログに出すことができます。...zabbixアラートメール以前、zabbixの基本設定についてこのエントリーでかきました。...FirebaseでのミニアプリデプロイKVS的なDBを使うかもしれず、firebaseの復習をしております。...Code4兄弟に関して(CodeCommit,CodeDeploy,CodeBuild,CodePipeline)前回の記事で書いたCodeDeploy以外にもCI/CD絡みで色々と使用するサービスがあるので自分用にメモ。