美文网首页
Vue(二)vue-cli 中使用less

Vue(二)vue-cli 中使用less

作者: Qihang | 来源:发表于2018-12-03 15:43 被阅读23次

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

npm install less less-loader --sava

打开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">
    @import "./xxx.less";
</style>

相关文章

网友评论

      本文标题:Vue(二)vue-cli 中使用less

      本文链接:https://www.haomeiwen.com/subject/vbiycqtx.html