Laravel-mixでVue.jsを外部ライブラリ化してJavaScriptファイルを軽量化する

背景とか

コンパイルしたVue.jsを含むJSファイル大きすぎる。軽量化したい。

方法

externalを使ってVueを外部ライブラリ化する。

// webpack.mix.js
mix.webpackConfig({
    externals: {
        "vue": "Vue"
    }
});

その他

external使うとめっちゃ軽くなる！
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
を等を使ってVue.jsを読み込こんで、Vueをグローバルな変数として使わないとVue.jsが使えない。

良い解決方法があれば教えてクレメンス。