npm run devとbuildについて

3027 ワード

原文出典:https://segmentfault.com/q/1010000005694821/a-1020000005702442
に尋ねる

npm run devとbuildについて


1.私は普段packageを見ています.jsonにdevがあるので、直接npm run dev、プログラムを実行してurlを入力しますが、npm run buildが何をしているのか分かりません.この言叶を発表して私は理解していません..buildの後に何が起こったのか分からないので、例を挙げてみましょう.https://github.com/yelingfeng/vuex-tutorial
私がインストールして依存した後に、npm run devコンソールは間違いを報告して、どんな原因は私も探し当てていないで、それからnpm run build、更にnpm run dev、直接命令行は多くのERRで、お聞きしますどうしてですか?
2.前にチュートリアルを見たのを覚えています.まずnpm run devでプログラムを実行し、ポート3000を実行します.それから、チュートリアルは別のコマンドを入力してサーバーポートを表示します.同時に2つのポートが実行されました.このコマンドはどのように入力しますか?3000はすでに運行しているので、いつもコントロール+cをキャンセルしてから入力することはできませんよね?
答えるnpm run XXXはpackageに実行する構成である.jsonのスクリプト.たとえば、次のようになります.
"scripts": {
    "dev": "node build/dev-server.js",
    "build": "node build/build.js",
    "unit": "karma start test/unit/karma.conf.js --single-run",
    "e2e": "node test/e2e/runner.js",
    "test": "npm run unit && npm run e2e",
    "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
  },

ここで構成してこそrunができるので、すべてのプロジェクトがnpm run dev/buildできるわけではありません.これらのコマンドが何をしているかを知るには、scriptsで具体的に実行されているコードを見てみましょう.ここでは、毎回長いコマンド(unitの行など)を入力しないように、コマンドのショートカットのようなものです.
なぜERRORが現れるのかというと、これらの対応するスクリプトファイルを走るときに、何らかの依存がロードされていないなどの可能性があるからです.
一般的なプロジェクトではbuild、dev、unitなどがあり、名前から基本的に何をしているのかがわかります.例えば、上に配置されたunitは、karmaを開いてユニットテストを行い、具体的なテスト内容はkarmaを見に行きます.conf.js; e2eはend to endのエンドツーエンドテストである.testでは、ユニットテストとエンドツーエンドテストが実行されます.
必要に応じて、ドキュメントを自動的に生成するなど、他のコマンドも設定されます.
"build:doc""node ./scripts/build-doc.js",

build-doc.に行くならjsで見ると、このスクリプトはすべてのソースファイルを巡り、コメントやその他のコンテンツを解析し、APIドキュメントを自動的に生成していることがわかります.
2016年06月13日回答・2016年06月13日更新コメント編集外国人ジャック
5.9 k人気
に尋ねる