Comment utiliser moins dans vuejs

Méthode : 1. Installez moins de dépendances ; 2. Modifiez le fichier "webpack.config.js" et configurez le chargeur pour qu'il charge moins de dépendances ; 3. Ajoutez " less code " suffit.

L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.9.6, ordinateur DELL G3.

La configuration de vuejs utilise moins

La première étape : Installer moins de dépendances,

npm install less less-loader --save La deuxième étape :

Modifier le fichier webpack.config.js, configurer le chargeur pour charger les dépendances, donc qu'il prend en charge les externes. Pour moins, ajoutez

{

test: /\.less$/,

loader: "style-loader!css-loader!less-loader",

}, au code d'origine. Maintenant, l'installation est pratiquement terminée

Étape 3 : Utilisez less

Lors de l'utilisation, ajoutez lang="less" dans la balise de style et vous pouvez écrire. less inside Le code

ajouter scoped à la balise style pour être valide uniquement dans cette scope

或者@import './index.less'; //引入全局less文件 Recommandations associées : " tutoriel vue.js "