vue中使用less出現的問題(style中使用less設置 scoped 遇到的坑)


最近在學vue的時候碰到的,在項目中的使用了 <style lang="less" scoped>,可以正常編譯卻不能啟動成功,具體報錯信息如下:

 

首先需要安裝必要的插件

安裝less依賴,npm install less less-loader --save 

修改webpack.base.config.js

在該js中的modules中的rules中增加

   // 解析less
      {
        test: /\.less$/, // 檢查文件是否以.less結尾(檢查是否是less文件)
        use: [
          // 數組中loader執行是從下到上,從右到左順序執行
          "style-loader", // 創建style標簽,添加上js中的css代碼
          "css-loader", // 將css以commonjs方式整合到js文件中
          "less-loader", // 將less文件解析成css文件
        ],
      },

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 vue style標簽中使用less vue中使用this遇到的坑 在vue中使用async/await遇到的坑 Vue中使用less vue組件中使用less vue開發筆記(二)—— 頁面全屏放大、element使用、