vue-cli 中使用less

 

（1）安裝Less模塊：

npm install less

 

（2）安裝less和less-loader，命令以下

 npm install less less-loader --sava-dev

 

（3）打開build/webpack.base.conf.js，在module.exports 對象中添加依賴

   module.exports = {

        module: {

            rules: [

                {

                    test: /\.less$/,

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

                }

            ]

        }

 

（4）代碼中的style標籤中加上 lang="less" 就可使用了

<style scoped lang="less">

</style>

 

 

 

 

.