vue-cli加载less文件报错

 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已经自动配置了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')
  }

可以看到这边已经配置了一些主流的样式loader,所以在使用的时候直接安装相关的模块依赖就行了。

你可能感兴趣的:(vue-cli加载less文件报错)