ERROR Failed to compile with 1 errors 15:17:04
error in ./src/assets/css/style.less
Module build failed:
// load the styles
var content = require("!!../../../node_modules/css-loader/index.js??ref--8-1!../../../node_modules/postcss-loader/lib/index.js??ref--8-2!../../../node_modules/less-loader/dist/cjs.js??ref--8-3!./style.less");
^
Unrecognised input
in xxxx\src\assets\css\style.less (line 4, column 12)
@ ./src/assets/css/style.less 2:26-355
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js
導致這個問題的原因是vue-cli已經(jīng)自動配置了less-loader，不需要再手動配置loader
在 build/utils.js 中有這么一段代碼：
return {
css: generateLoaders(),
postcss: generateLoaders(),
less: generateLoaders('less'),
sass: generateLoaders('sass', { indentedSyntax: true }),
scss: generateLoaders('sass'),
stylus: generateLoaders('stylus'),
styl: generateLoaders('stylus')
}
可以看到這邊已經(jīng)配置了一些主流的樣式loader欧啤，所以在使用的時候直接安裝相關的模塊依賴就行了念祭。
