Compilación de minimalRC con Node.js

Publicado: 2020-11-02

Ahora 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.

¿Tienes algún comentario?

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *