Vue2中使用全局less或sass需要注意的地方

首先,在项目目录下运行如下命令分别安装less或sass

less :npm install less less-loader --save-dev

sass:npm install sass sass-loader --save-dev

按需引入,在想要使用less的vue页面下加入

<style scope lang="less">
//这里则是less样式代码部分
</style>

全局引入,由于vue-cli已经配置好了,不需要再改任何配置文件,只需要在main.js中加入如下代码(根据自己实际路径进行修改):

import './assets/less/index.less'  

posted @ 2018-07-09 16:06  无邪、  阅读(343)  评论(0)    收藏  举报