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

qu'est-ce que node-sass

coldplay.xixi
coldplay.xixioriginal
2021-01-13 17:17:105397parcourir

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

2. Installez node-sass dans le dossier du projet

cnpm install --save-dev node-sass

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!

Déclaration:
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