ノードJSの外でアプリケーションをホストしたいのですが、ビルドシステムとして.vueファイルと可能なnpmを使用したい（必要な場合）。それは可能ですか？NodeJSのないvueファイル？
私は下位互換性は必要ありません。最新のChromeデベロッパーで動作する場合は問題ありません。
どのような例がありますか？
webpackテンプレートをいくつかビルドしようとしましたが、NodeJS内でのみ動作します。他のサーバーでは、.vueファイルに置かれたURLにアクセスしているときに404を取得しています。他のサーバーでは処理できないようです。
@M U次は何をすべきか？私はすでにいくつかのWebpackテンプレートを使用していますが、NodeJSなしでルーティング作業を行うことはできません。 URLは単に別のサーバーに404を表示します。彼らのページは '.vue'ファイルで処理されるので、他のサーバでは処理されていないようです。 –
彼らはあなたがWebPACKのコマンドを使用してサイトを構築したら、それはあなたのWebPACKの設定に設定されているディレクトリに出力し、通常のjavascriptれることを伝えようとしています。その時点では.vueファイルはなく、あなたのhtmlファイルはvueおよびvue-routerライブラリのリンクだけを必要とします。それを超えると、人々があなたを助けるためのコードを投稿する必要があります。
ビルドスクリプトの実行時にvueが静的なHTMLページを作成するのは当然です。 しかし、のサイトでは、小さなサーバーからファイルを提供する必要があります。あなたが気付いた場合、あなたがnpm run buildを実行すると、ターミナルは、通知を印刷します...
Tip:
Built files are meant to be served over an HTTP server.
Opening index.html over file:// won't work.
あなたは急行であなたの/distディレクトリに簡単なhttpサーバを作成し、どこかにHerokuのようなあなたのサイトをホストすることができます。
TLDRを見てみましょう。
は超シンプル特急サーバー
var express = require('express');
var path = require('path');
var serveStatic = require('serve-static');
app = express();
app.use(serveStatic(__dirname));
var port = process.env.PORT || 5000;
app.listen(port);
console.log('server started '+ port);
があなたの後にHerokuのにのみ/dist
{
"name": "myApp",
"version": "1.0.0",
"description": "awesome stuff",
"author": "me oh my",
"private": true,
"scripts": {
"postinstall": "npm install express"
}
}
プッシュあなたの/distフォルダ」内package.jsonにpostinstallスクリプトを追加書き込み
証明：私は私のvue.jsをホストするには、次の手順に従ってきたVueのアプリを開発するため
最善の方法をプロジェクトのdevのサーバーを実行して、すべての後だけの静的資産を構築しています。 vuexファイルを使用する必要はありません。静的なテンプレートを使用するのは、バックエンド（WordPressなど）と簡単に統合できるためです。 有益には、いくつかのスターターを使用します。Vue.js starter
WebサービングのS3バケット設定と同じような簡単な操作を試してもよろしいですか？あなたのプロジェクトはどれくらいの大きさですか？どのくらいのトラフィックが得られると思いますか？非常に小さい場合は、S3でホストしてウェブパックなどを使用することができます。
出発点が間違っています。 Vue + node.jsは完全なサイトを構築できます。 Vueはノードのサーバー言語であるフロントエンドフレームワークです。これらの2つを組み合わせて使用することができます。しかし、vueではノードを使用する必要はありません。その2つは、開発モデルの前後の分離を達成するのに完璧です。
vueを使用するプロジェクトでは、webpackとvue-loaderを別々に設定することをおすすめしません。 vue公式の足場、vue-cliを直接使用することができます。これらの構成を考慮する必要はありません。自動的に構成されます。
あなただけのVueを学び始めた場合は、ここではエントリーレベルのデモです。それは小規模なアプリケーションですが、フロントエンド、バックエンドを含む多くの知識ポイント（vue2.0 + vue-cli + vue-router + vuex + axios + mysql + express + pm2 + webpack） 、データベースや他のサイト私は必要な要素のいくつかは、大きな意義を学ぶ、お互いを奨励したい！
NodeJsはNodejs上で実行する必要がありdosen't、Webアプリケーション、フロントエンドに* .jsファイルを構築するために使用します。
1、webpackをビルドするときに* .jsファイルを必要とするindex.htmlファイルを作成できます。
2、あなたはそれが動作することがわかりますindex.htmlファイルを開くには、Chromeを使用してください。
スタティックページだけが必要な場合は、vue-cliや他のサーバーを使用する必要はありません。あなたは、NPMのビルドシステムを使用できる場合
しかし、あなたはあなたのwebpack.config.jsを設定する方法を知っている必要があり、あなたがそのドキュメントhttps://webpack.js.org/guides/getting-started/
を見ることができ、その後、VUEローダーでのWebPACKを使用するには、問題は何ですか？ – dfsq
Webpack/Browserifyは、.vueファイルをコンパイルするときに標準のJavaScriptを吐き出すだけで、それらに固有のサーバーはありません。 –