1
resposta

Componentes exportanto em um css externo

Achei o exemplo da aula muito interessante. Porém não gostei muito da solução do Vue criar um elemento style dentro do html.

Teria como o Webpack exportar o scss/css do componente em um arquivo físico no build de produção ? E nele adicionar os seus respectivos css(já compilados).

Tentei procurar soluções por ai. Todas tem alguns problemas com o path de backgrounds no final do build. Achei que isso seria algo comum.

Ex:

background: url(../../../../static/teste.png);

[So desse jeito ele encontra o elemento e não trava o build]

Quando tento importar esse Css no servidor, obviamente o path que está rodando é diferente. Ai começou minha dúvida.

Tem alguma ideia como resolver isso?

Obrigado.

1 resposta

Fala Vinicius, tenta dar uma olhada nessa solução: https://medium.com/@mahesh.ks/using-sass-scss-in-vue-js-2-d472af0facf9

Acho que pode ajudar :)