vue-init。 NPMの実行単位

Question

は、私はプロジェクト、WebPACKのでvue-initを使用して作成され、私はmain.jsではこの

のように、私のプロジェクトに、「icomoon」を使用して、カスタムフォントを追加作成し

テストしてきたときのフォントを解決することはできません。 main.scssで

import './main.scss' 

：

@import './assets/fonts/icons/style.scss'; 

でstyle.scss

@import 'variables'; 

@font-face { 
    font-family: 'icomoon'; 
    src: 
    url('#{$icomoon-font-path}/icomoon.ttf') format('truetype'), 
    url('#{$icomoon-font-path}/icomoon.woff') format('woff'), 
    url('#{$icomoon-font-path}/icomoon.svg') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 
... 

そしてvariables.scss

$icomoon-font-path: './assets/fonts/icons/fonts' !default; 
... 

プロジェクト構造では、次のようになります。

... 

ERROR in ./node_modules/css-loader?{"minimize":false}!./node_modules/sass-loader/lib/loader.js?{}!./src/assets/fonts/icons/style.scss 
Module not found: Error: Can't resolve './assets/fonts/icons/fonts/icomoon.woff' in '/Users/administrator/projects/front-end-landing/src/assets/fonts/icons' 
@ ./node_modules/css-loader?{"minimize":false}!./node_modules/sass-loader/lib/loader.js?{}!./src/assets/fonts/icons/style.scss 6:188-238 
@ ./src/assets/fonts/icons/style.scss 
@ ./src ^\.\/(?!main(\.js)?$) 
@ ./test/unit/index.js 

... 

PhantomJS 2.1.1 (Mac OS X 0.0.0) ERROR 
    Error: Cannot find module "./assets/fonts/icons/fonts/icomoon.ttf" 
    at http://localhost:9877webpack:///src/assets/fonts/icons/style.scss:6:0 <- index.js:39212 

：私は npm run unitを実行しようとすると

src 
|-assets 
| |-fonts 
| | icons 
| | |-fonts 
| | | |-icomoon.svg 
| | | |-icomoon.ttf 
| | | |-icomoon.woff 
| | |-style.scss 
| | |-variables.scss 
| |-... 
|-... 
|-main.js 
|-main.scss 
|-... 

、私はこのようなエラーを受け取りますなぜときに私がしようとし

しかし同時に、私はnpm run devを使用してプロジェクトを実行します場合は、アイコンが正常に動作し、私はそれらを見ることができますし、彼らは成功し

をロードしている、私の質問は、私が間違っているの何、ですテストを実行するには、アイコンが正しくロードされていませんか？

Answer 1

は解決here

は実際には、解決策が見つかりました - 最初にこの

$font_path: '~@/assets/fonts/';

すなわち~@/のようなフォントが含ま