vue-cli 中使用less

第一步 安装less和less-loader,命令如下

    npm install less less-loader --sava-dev

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

    module.exports = {

        module: {

            rules: [

                {

                    test: /\.less$/,

                    loader: "style-loader!css-loader!less-loader"    

                }

            ]

        }

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

    例如: <style scoped lang="less">

           </style>

猜你喜欢

转载自www.cnblogs.com/lm-it/p/9151771.html