Vue テンプレートとスクリプトでエイリアスを使用して vue-jest 設定をマップする方法はありますか?
<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>
