Compilación de minimalRC con Node.js
Publicado: 2020-11-02Ahora que ya tengo mi Node.js actualizado, puedo empezar a personalizar Bulma.
Para ello, creo un nuevo proyecto:
npm init
Sobre eso proyecto, instalo Bulma y Sass:
npm install bulma node-sass --save-dev
Y agrego una línea para compilar los estilos en un archivo llamado style.css
:
"scripts": { "build": "node-sass --output-style expanded --include-path=node_modules/bulma minimalRC.scss style.css", "start": "npm run build -- --watch" },
Antes de probar, creo el archivo minimalRC.scss
:
touch minimalRC.scss
Antes de agregar Bulma, ejecutamos el build
para ver si concluye de forma satisfactoria:
# Ejecutamos... npm run build # Resultado: Rendering Complete, saving .css file... Wrote CSS to style.css
Y ahora sí puedo agregar lo siguiente a minimalRC.scss
:
@import "node_modules/bulma/bulma";
Si volvemos a compilar, debemos recibir el mensaje de compilación completa, pero ahora con todo el contenido de Bulma en nuestro archivo style.css
.
Eso es todo por hoy.
Como referencia, el contenido completo del package.json
es el siguiente:
{ "name": "minimalRC", "version": "1.0.0", "description": "Proyecto para compilar el tema minimalRC con Bulma y las personalizaciones para ramoscarlos.com", "main": "index.php", "scripts": { "build": "node-sass --output-style expanded --include-path=node_modules/bulma minimalRC.scss style.css", "start": "npm run build -- --watch" }, "author": "Carlos Ramos", "license": "CC-BY-4.0", "devDependencies": { "bulma": "^0.9.1", "node-sass": "^5.0.0" } }
En fin, que este va para ser la versión inicial de mi tema minimalRC.