vue-cli 中如何使用less

第一步 因为vue-cli中是不支持less的，所以要使用的话需要自己安装less和less-loader，文件根目录下输入以下命令：

npm i less less-loader -D

第二步 打开build/webpack.base.conf.js，在module.exports 对象中添加依赖

module.exports = {
    module: {
        rules: [
            {
                test: /\.less$/,
                loader: "style-loader!css-loader!less-loader"    
            }
        ]
    }

第三步 在代码中的style标签中加上 lang=“less” 就可以使用了

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