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< au fichier requis ; pages /style>" suffit. </p></blockquote> <p><img src="https://img.php.cn/upload/article/000/000/024/6152c7824ab3b327.jpg" alt="Comment utiliser moins dans vuejs" ></p> <p>L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.9.6, ordinateur DELL G3. </p> <p><span style="font-size: 18px;"><strong>La configuration de vuejs utilise moins</strong></span></p> <p><strong>La première étape : </strong>Installer moins de dépendances, </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>npm install less less-loader --save</pre><div class="contentsignin">Copier après la connexion</div></div> <p><strong>La deuxième étape : </strong></p> <p>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 </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>{ test: /\.less$/, loader: "style-loader!css-loader!less-loader", },</pre><div class="contentsignin">Copier après la connexion</div></div> <p> au code d'origine. Maintenant, l'installation est pratiquement terminée</p> <p><strong>Étape 3 : </strong>Utilisez less</p> <p>Lors de l'utilisation, ajoutez lang="less" dans la balise de style et vous pouvez écrire. less inside Le code </p> <p>ajouter scoped à la balise style pour être valide uniquement dans cette scope</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><style lang="less" scoped> 或者@import './index.less'; //引入全局less文件Copier après la connexion Recommandations associées : "tutoriel vue.js"
