Introdução:
Vamos a um exemplo prático, pra que fique simples de se entender...
Eu quero usar o framework Bulma em meu projeto, sendo assim rodo o seguinte comando:
$ npm install --save-dev bulma
Tchanram! Agora eu consigo encontrar tanto o arquivo bulma.css completo em node_modules\bulma\css\bulma.css
como também é possível encontrar os arquivos scss em node_modules\bulma\sass\*
, daí me surge o seguinte questionamento
Problema:
Se eu quiser usar o arquivo bulma.css completo, eu deveria referenciar em meu html o caminho pra este arquivo lá no diretório node_modules
? Ou seja, inserir em meu <head>
a linha: <link rel="stylesheet" href="node_modules\bulma\css\bulma.css">
?
Teoricamente faz sentido, afinal quem clonasse o projeto teria que rodar o $npm install
, e aí teria a dependência exatamente nesse caminho, mas e se eu quiser dar build desse projeto? Eu teria que obrigatoriamente usar um task runner (gulp) que movesse uma cópia desse arquivo pra dentro de meu projeto?
Enfim, a maneira mais correta de como se fazer o uso dessas dependências me deixaram um pouco confuso, levando em consideração essas necessidades, qual a melhor prática a se adotar?
P.S.: Eu já faço uso do gulp no projeto