Vue-cli创建项目如何引入less文件

Question

自从vue-cli创建项目遇到难题，在APP.vue文件里面在style代码里面引入less文件，因为我已经安装过less,less-loader -D ,结果提示错误呢。

以下截图我尝试安装vue-style-loader -D，还是提示错误呢，为什么呢！明明我安装过css-loader,style-loader,less,less-loader都放在开发环境呢

还有以下截图在vue-cli创建项目里面webpack.base.conf.js添加自己手动配置的

Answer 1

这俩也要装

Answer 2

1. 安装less less-loader
2. 设置util下

return {
    css: generateLoaders(),
    postcss: generateLoaders(),
    less: generateLoaders('less'),
    sass: generateLoaders('sass', { indentedSyntax: true }),
    scss: generateLoaders('sass'),
    stylus: generateLoaders('stylus'),
    styl: generateLoaders('stylus')
  }

为：

return {
    css: generateLoaders(),
    postcss: generateLoaders(),
    less: generateLoaders('less',{ javascriptEnabled: true }),
    sass: generateLoaders('sass', { indentedSyntax: true }),
    scss: generateLoaders('sass'),
    stylus: generateLoaders('stylus'),
    styl: generateLoaders('stylus')
  }

就可以了
笔者vue-cli版本2.9.6