Возникли проблемы с пониманием веб-пакета и работали некоторые простые вещи.
У меня есть файлы шрифтов:
/src/assets/fonts/
brands.eot
brands.svg
brands.ttf
brands.woff
И я ссылаюсь на них в моем SASS из:
/src/assets/sass/0-plugins/_brands.sass
@font-face
font-family: "brands"
src: url("../fonts/brands.eot")
src: url("../fonts/brands.eot?#iefix") format("embedded-opentype"), url("../fonts/brands.woff") format("woff"), url("../fonts/brands.ttf") format("truetype"), url("../fonts/brands.svg#brands") format("svg")
font-weight: normal
font-style: normal
.brand-stack-overflow:before
content: "\47"
Что в итоге импортируется в:
/src/assets/sass/main.sass
Однако, когда я пытаюсь использовать это обычным способом, значок не отображается.Как указано в моем файле компонента .vue:
<i class="brand-stack-overflow"></i>
Webpack не выдает никаких ошибок, и я использую Webpack версии 3.6
Также я использую webpackшаблон, и ему не был предоставлен файл webpack.config.js.