Настройка веб-пакета для включения flag-icon-css
Я устанавливаю проект веб-пакета, используя https://github.com/teroauralinna/webpack-guide, первоначальная настройка работает нормально. Теперь я хочу включить https://github.com/lipis/flag-icon-css в свой проект. Поэтому я выполнил следующие шаги:
npm install flag-icon-css --save
и зависимости разработчиков, созданные в моем package.json
"dependencies": {
"flag-icon-css": "^3.3.0"
},
Теперь в моем файле index.html я дал
<h1> Samples </h1>
<span class = "flag-icon flag-icon-gr"></span>
<span class = "flag-icon flag-icon-gr flag-icon-squared"></span>
Но виден только текст Samples, а две другие иконки не видны. Есть ли какие-либо другие настройки, которые мне нужно указать, чтобы значки отображались?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
В файле app.js добавление следующего решило проблему:
import 'flag-icon-css/css/flag-icon.css'
Я использую Vue, и мне пришлось добавить import 'flag-icon-css/css/flag-icons.css' в main.js. В моем случае это должно было быть .../flag-icons.css с буквой s в конце.
В вашем файле nuxt.config.js вы можете напрямую установить файл CSS:
css: [
// .... others css files
'../node_modules/flag-icon-css/css/flag-icon.css'
],
вам нужно вызвать файл . установил, но не вызывал. так что может быть как
import flag-icon from 'flag-icon-css'