Para compilar estoy abriendo 2 consolas donde en una ejecuto el script npm
que escribí para compilar scss
con css
y luego otra consola donde compilo bootstrap.scss
con bootstrap.css
.
El problema o incomodidad que tengo es que cuando trabajo con bootstrap agregando clases al index.html
por ejemplo debo ir al archivo bootstrap.scss
y guardar para que hagan efectos los cambios automáticamente con la extensión liveserver de visual studio code y no sucede lo mismo cuando hago cambios en el archivo style.scss
ya que guardo y automáticamente compila.
package.json
:
{
"name": "mizuxe",
"version": "1.0.0",
"description": "website with bootstrap and sass",
"main": "index.js",
"scripts": {
"scss": "node-sass --watch scss -o css",
"scssbootstrap": "node-sass --watch scss/bootstrap.scss -o css"
},
"author": "Joe",
"license": "MIT",
"dependencies": {
"node-sass": "^5.0.0"
}
}