最近在學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文件
],
},