Vue中使用less

vue

npm install less less-loader --save-dev

或者 安装指定版本的

//卸载命令

npm uninstall less-loader

//重新下载

npm install less-loader@4.1.0

2.配置less路径:
build -> webpack.base.conf.js里面的module的rules内添加

{

test: /\.less$/,

loader: 'style-loader!css-loader!less-loader'

}

3.页面中使用

<style  lang='less'>

@import url("./statistical.less");

</style>

//statistical.less 文件

#statistical{

div{

font-size: 12px;

color: red;

}

}

以上是 Vue中使用less 的全部内容, 来源链接: utcz.com/z/379634.html

回到顶部