Maison > interface Web > js tutoriel > qu'est-ce que node-sass

qu'est-ce que node-sass

coldplay.xixi
Libérer: 2022-12-30 11:11:43
original
5500 Les gens l'ont consulté

Node-sass est une bibliothèque qui lie [Node.js] à LibSass ; elle permet aux utilisateurs de compiler nativement des fichiers [.scss] en CSS à des vitesses incroyables et de les connecter via la connexion intermédiaire. Le fichier est automatiquement compilé. .

L'environnement d'exploitation de cet article : Acer S40-51, version HBuilderX.3.0.5, version chinoise Windows10 Home

Node-sass est une bibliothèque qui lie Node.js à LibSass (version C du préprocesseur de feuille de style populaire Sass). Il permet aux utilisateurs de compiler des fichiers .scss en CSS de manière native à des vitesses incroyables, avec une compilation automatique via un middleware de connexion.

Qu'est-ce que Sass ?

Sass est un langage de script de préprocesseur qui peut être interprété ou compilé dans des feuilles de style en cascade (CSS).

Sass contient deux syntaxes : l'ancienne syntaxe utilise l'indentation pour séparer les blocs de code et les nouvelles lignes en règles distinctes ; la nouvelle syntaxe SCSS utilise un format de bloc comme CSS. Il utilise des accolades pour représenter des blocs de code et des points-virgules pour séparer les lignes dans un bloc.

La syntaxe indentée et les fichiers SCSS reçoivent traditionnellement les extensions .sass et .scss respectivement

Comment installer Node-sass ?

Compte tenu de l'environnement domestique, node-sass est trop difficile à installer. Il peut être installé directement via l'image npm de Taobao.

1. Installez cnpm (https://npm.taobao.org/)

npm install -g cnpm --registry=https://registry.npm.taobao.org
Copier après la connexion

2. Installez node-sass dans le dossier du projet

cnpm install --save-dev node-sass
Copier après la connexion

Instructions : - - save-dev ajoute automatiquement node-sass à package.json dans le dossier du projet.

Recommandations d'apprentissage gratuites associées : programmation php (vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal