今回は、vue+resolve を最適化する方法と、vue+resolve を最適化するための 注意点 について説明します。以下は実際のケースです。見てみましょう。
vue-cli を通じて vue+webpack プロジェクトを作成する場合、その多くはすでに構成されていますが、開発を容易にするためにパスを最適化できます。1.resolve.extensions
webpack.base.conf.js では、以下に示すように、拡張子がarray である解決設定を確認できます。 この構成により、コンポーネント内の routing
を介してコンポーネントを適用するときに、次のように適用するのがより便利になります:extensions: ['.js', '.vue', '.json'],
import Hello from '@components/Hello';
import Hello from '../src.components/Hello';
resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@pages': path.join(dirname, "..", "src", "pages"), "@components": path.join(dirname, "..", "src", "components"), // 注意: 静态资源通过src,不能这么设置。 // "@assets": path.join(dirname, "..", "src", "assets"), }
import Vue from 'vue'
import Hello from '@components/Hello';
static
の下のファイルを参照します。現時点では、エイリアスの下での設定は使用できませんが、一般的な設定方法を使用する必要があります。 この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。以上がvue+resolveを最適化する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。