安装 less 和 less-loader

npm i less less-loader --save-dev

修改配置文件

找到 /client/build/webpack.base.conf.js 在 module 的rules对象中添加一个 rule

{
    test: /\.less$/,
    use: ['style-loader', {loader: 'css-loader', options: {importLoaders: 1}}, 'less-loader']
}

测试

如果编译没有报错且样式正常显示证明已经配置成功了

<style lang="less"> 
    .contents {
        width: 1200px;
        margin: 0 auto;
        #tabs {
            height: 70px!important;
            line-height: 70px;
        }
    }
</style>

vue-cli 3.5.1的pug配置
vue-cli升级之后配置也变了，pug不用配置可以直接使用了，less/sass更是直接在创建项目时选择。安装...
Inline JavaScript is not enabled
使用vue-cli创建项目，使用less时，报错Inline JavaScript is not enabled....
使用vue-cli创建的项目如是使用less
使用vue-cli创建的项目默认是不支持less语法的，如何让项目支持less呢？使用以下命令安装less和le...
vue-cli 创建的项目配置less
安装 less 和 less-loader 修改配置文件找到 /client/build/webpack.bas...
2019-08-21
less版本导致错误当vue-cli创建新项目时，报错less-loader；执行以下命令：npm instal...
Vue-Cloudnotes教程.md
需求分析前后端接口约定创建远程仓库 vue-cli初始化项目结构初始化样式引入图标安装less 配置路由...
vue-cli 使用less、scss配置
使用less 一、第一步：安装less依赖二、在配置文件中配置实际上如果我们通过vue-cli来构建项目，这一...
React
安装react脚手架工具create-react-app并创建项目 react配置less 安装less、less...
js -- vue-cli添加less全局配置
vue-cli添加less全局配置项目老是引入css变量好麻烦，加入全局配置就方便多了。代码如下：修改文件...
vue-cli构建的项目中如何使用Less
vue-cli构建项目构建项目的项目是默认不支持Less的，需要进入项目目录，安装less、less-loade...