vue-cli webpack 프로젝트에서 글꼴 굉장 가져 오기

Question

나는 vpm-cli webpack 프로젝트를 만들었고, npm을 통해 font-awesome을 설치했습니다.

내부 ./assets/scss/styles.scss 가져 오기 (@import '~ font-awesome/scss/font-awesome.scss';).

내가 NPM 실행 오류가 시작 :

These relative modules were not found: 

* ../fonts/fontawesome-webfont.eot in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/postcss-loader/lib?{"sourceMap":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false}!./src/assets/scss/styles. 
scss 
* ../fonts/fontawesome-webfont.eot?v=4.7.0 in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/postcss-loader/lib?{"sourceMap":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false}!./src/assets/scss 
/styles.scss 
* ../fonts/fontawesome-webfont.svg?v=4.7.0 in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/postcss-loader/lib?{"sourceMap":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false}!./src/assets/scss 
/styles.scss 
* ../fonts/fontawesome-webfont.ttf?v=4.7.0 in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/postcss-loader/lib?{"sourceMap":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false}!./src/assets/scss 
/styles.scss 
* ../fonts/fontawesome-webfont.woff2?v=4.7.0 in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/postcss-loader/lib?{"sourceMap":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false}!./src/assets/sc 
ss/styles.scss 
* ../fonts/fontawesome-webfont.woff?v=4.7.0 in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/postcss-loader/lib?{"sourceMap":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false}!./src/assets/scs 
s/styles.scss 

은 어떻게 고칠 수는? 감사!

Answer 1

OK, 쉬운 수정이었습니다. 올바른 글꼴 가져 오기를 위해

$fa-font-path: "~font-awesome/fonts"; 

을 포함시켜야합니다.