在vue组件中使用less,需要两个插件

1 less

2 less-loader

所以我们就需要先安装这两个插件了

npminstalllessless-loader-D//开发依赖两个插件一起安装

还需要配置一下 webpack.config.js文件

{test:/\.less$/,loader:'less-loader'}

最好是重启一下服务器

回到组件文件上来,使用less

注意: lang="less"要加上去

此时的效果: