WebPACKのページのスクリプトで使用VUEのVUEに導入

まず、VUEをインストール

cnpm依存しているプロジェクトを実行するためにインストール// VUE -Sインストール

ランニング後にエラーがあります：

実行時のみのパッケージを使用して、現在のパッケージは、パッケージ全体、VUE不全のWebページにVUEインポートスクリプトを使用しています、最も完全なパッケージではありません厳格なバージョンです。

//これは、エントリ・ファイルであります
//にconsole.log（ 'OK'）;

//のWebPACKに建設中の開発プロジェクトのためのVUEを使用する方法

通常のウェブページで//使用VUE
// 1、VUEを導入したスクリプトパッケージを使用して
// 2、コンテナID =アプリを作成します
// 3、VMを作成した新しいインスタンス

//プロジェクトを実行するためにVUE -S //インストールインストールcnpm依存しています

//使用インポートVueの「VUE」VUEから導入された、機能は実行時のみの方法を提供し、WebPACKのでは完全ではありません
// Webページとしてそれを使用する方法を提供していません

「表示」からインポートビュー
//パケット検索ルール：
// 1、そこにプロジェクトフォルダのルートを見つけるためにnode_modules
// 2、node_modulesパッケージ名に従って、対応するフォルダVUEを見つけます
// 3、VUEフォルダ、package.jsonという名前のパッケージ構成ファイルを探し
// 4、package.jsonの主なプロパティを探し[主な属性は、パッケージがロードされた後のファイルのエントリを指定します]

{（VM =新しいVueのでした
    「＃アプリ」
    データ：{
        MSG： '123'
    }
}）

查找：node_modules --- VUE - package.json ---主な属性： "メイン"： "DIST / vue.runtime.common.js"、

だから我々は、インポートファイルがvue.runtime.common.js後に取得します

vue.jsは、ここでインポートすることは、上記のエラーメッセージを解決するために、スクリプトタグであり、

1、インポートのパスを変更することができます。

「../node_modules/vue/dist/vue.js'からインポートヴュー

2、webpack.config.js設定ファイルを変更します。

最初のjsファイルや「VUE」からの輸入のVueの使用

第二に、設定ファイルを変更します。解決ノードを増やし、

注意：彼らは再起動する前に設定ファイルを変更するたびに、

WebPACKのページのスクリプトで使用VUEのVUEに導入

おすすめ