vue-cli 2.x プロジェクトの最適化により、ローカル静的ライブラリ ファイルが導入されました

この記事では主に vue-cli 2.x プロジェクトの最適化のためのローカル静的ライブラリ ファイルの紹介を紹介します。これには、必要な友人が参照できるように共有します

vue-cli の静的リソース。ファイルを静的フォルダーに配置し、引用します:

1.node_modules の下にある対応する xxx.min.js をプロジェクトの静的フォルダーにコピーします
2.index.html を変更します
スクリプトの導入を追加します

<script src="static/js/vue.min.js"></script>
<script src="static/js/vue-router.min.js"></script>

3. build/webpack を変更します。 Base.conf.js ファイル:
次の行をコメントアウトします

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      // 'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
    }
  },

外部セクションを追加します (外部とリソースは同じレベルにあります)。

    externals: {
        'vue': 'Vue',
        'vue-router': 'VueRouter'
    },

• デモアドレス: https://github.com/cag2050/vu...

以上がこの記事の全内容です。その他の関連コンテンツについてもお役に立てれば幸いです。 、PHP中国語ネットに注目してください！

関連する推奨事項:

addRoutes がルートを動的に追加した後の更新失敗の問題を vue がどのように解決するか

mixin を使用して、自作の vue コンポーネント通信用のプラグインを作成する

Vue アクティビティ作成プロジェクトのロードデザインとナビゲーションバーの開発

以上がvue-cli 2.x プロジェクトの最適化により、ローカル静的ライブラリ ファイルが導入されましたの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。