импорт глобального css в VueJs не загружает css в комплект приложений

Question

Я импортировал semanti c -ui css в верхний Vue компонент в моем приложении (приложение. vue) как следующий

<style>
    @import '/assets/css/semantic.rtl.min.css';
</style>

, но Css не доступно и не применяется. Я хорошо знаю, что могу импортировать CSS файлы в индекс. html, но я хотел загрузить его в приложение, чтобы его можно было скомпилировать в один файл вместе с другими файлами. в целом, каков наилучший способ импорта глобальных файлов stati c CSS в VueJs? я должен сделать еще несколько настроек для правильной загрузки файлов CSS?

Answer 1

Вы можете импортировать файл CSS в main.js. См. Пример ниже:

import Vue from 'vue';
import './assets/css/semantic.rtl.min.css';

Vue.config.productionTip = false;

new Vue({
  render: h => h(App)
}).$mount('#app')

Во время сборки ваш CSS файл будет обработан.