<p>依存関係: "@vue/cli-plugin-unit-jest": "^4.5.13"、"@vue/test-utils": "^1.2.1"、"vue -冗談": "^3.0.7"

; <p>vue.config.js にエイリアス (たとえば「foo」) を設定するアプリケーションがあります。</p> <pre class="brush:php;toolbar:false;">module.exports = { chainWebpack: (config) => { //プロジェクト名をエイリアスとして設定します config.resolve.alias.set('foo', __dirname); }、 };</pre> <p>import ステートメントと HTML タグの src 属性の場合...</p> <p>main.js 内:</p> <pre class="brush:php;toolbar:false;">... 「foo/src/components/core/App」からアプリをインポートします。 ...</pre> <p> ../src/core/App/index.vue:</p> <pre class="lang-html prettyprint-override"><code><script src="foo/src/components/core/App/script.js" /> <スタイル モジュール src="foo/src/components/core/App/style.css" /> <template src="foo/src/components/core/App/template.html" /> </code></pre> <p>jest.config.js で moduleNameMapper を次のように使用できることはわかっています。</p> <p><code>'^foo(.*)$': '<rootDir>$1',</code></p> <p>ただし、これは HTML タグの src 属性に現れるエイリアスをマッピングしません。構成設定またはその他の手段を通じて、vue-jest にこれらのプロパティ パスを解釈させる方法はありますか? </p> <p>アドバイスをいただければ幸いです。 </p>