WebPACKの+ VUE-cliの下に梱包コマンドベースVUEプロジェクトがある NPM RUNビルド 関連するすべてのコンテンツ項目が含まれているルートディレクトリにdistのフォルダに生成パッケージの完了を待った後、。
注意:あなたは、パッケージ化することができないVUEのinit WebPACKのプロジェクトは、プロジェクトのファイルVUEのinitのWebPACK-簡単な初期設定をパックすることはできませんによって開始され、VUE-CLIプロジェクトのフルバージョンが必要です。次のようにディレクトリ構造があります
VUEのinitディレクトリ構造のWebPACKは初期化され、パッケージング、configフォルダの設定、静的ストレージ静的ファイルを構築頼ります
一般的に初心者のために使用さVUEのinitディレクトリ構造のWebPACK-簡単なビルドの欠如の初期化、設定、静的フォルダ、
梱包時にいくつかの問題に遭遇し、パッケージもいくつかの助けの初心者の学生を与えることを望んでいます。
1は、ローカルのテスト結果が完了しているパックすることができ、簡単にフォルダを開くには、ブラウザで開くか、右編集ツールをダブルクリックします。
2は、それがローカルであるため、空白のサイトを開いた後、パスは包装前に設定する必要はありません。
設定/ index.jsは、そこdevの二つのパラメータ、ビルドパラメータassetsPublicPathに値を構築し、 「/」 変更 ./ 。再パッケージ化して、ページを更新します。
図3は、CSSの背景画像やアイコンのウェブサイトがアップロードされない場合は、プロジェクトを開いた後、あなたは参照パスを設定する必要があります
Ctrl + Fキー検索、中/ utils.js構築 ExtractTextPlugin.extractを 。
4、第三の3回の操作であれば、相対パスで同じレベルのディレクトリとファイルの静的静的srcディレクトリを指し、この時間は、パッケージがファイル静的なディレクトリを見つけることができません、あなたは相対パス参照を変更する必要があります絶対パス。
例えば:
変更する前に ../../static/ueditorを 、修正 @ / .. /静的/ ueditor 。