vue cli 3 build @import Google веб-шрифты для оффлайн - PullRequest
0 голосов
/ 07 января 2019

Я создал проект, используя @ vue / cli v3.2.2, и импортировал my в vue.config.js

module.exports = {
    css: {
        loaderOptions: {
            sass: {
                data: `
                    @import "@/assets/styles/app.scss";
                `
            }
        }
    },
}

В app.scss я просто импортирую все необходимое, включая мои typography.scss.

В typography.scss я импортирую веб-шрифт Google

@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,900');

При создании проекта мой самописный шрифт css, указывающий на шрифты в моей папке ресурсов, извлекается в папку / dist.

Я хочу, чтобы шрифты из удаленного cdn также были извлечены в папку / dist без необходимости загружать шрифт, конвертировать каждый вариант в формат веб-шрифтов, создавать файлы css и писать больше css. Нужна помощь!

** Я хотел бы сохранить импортирующую часть в typography.scss

...