1.安裝

成都創(chuàng)新互聯公司專注于企業(yè)成都營銷網站建設、網站重做改版、平昌網站定制設計、自適應品牌網站建設、H5響應式網站、電子商務商城網站建設、集團公司官網建設、成都外貿網站建設、高端網站制作、響應式網頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為平昌等各大城市提供網站開發(fā)制作服務。

npm install --save-dev less less-loader

npm install --save-dev style-loader css-loader

先在index.html頁面head標簽內插入這段代碼

在添加 build/webpack.base.conf.js 里面的

module.exports 里的 module 里添加下面這段配置

   {
    test: /\.less$/,
    use: [
     "style-loader",
     "css-loader",
     "less-loader"
    ]
   }

組建 headers

效果展示：  

總結

以上所述是小編給大家介紹的在vue 中使用 less的教程詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對創(chuàng)新互聯網站的支持！