在vue中使用less

1、安装less

npm install -g less

2、配置less路径

build -> webpack.base.conf.js里面的module的rules内添加
{ test: /\.less$/, loader: 'style-loader!css-loader!less-loader' }

3、在页面里使用

<style scoped lang="less"></style>

如果报错：Module build failed: TypeError: loaderContext.getResolve is not a function，可以先卸载less-loadernpm uninstall less-loader、清除缓存npm cache clear -f，然后在安装指定版本的lessnpm install less-loader@4.1.0
之所以报错是因为less-loader版本高与less版本