webpack3 less-loader配置，报错，报Unrecognised input

Question

1.webpack3中的less配置为：

{
        test: /\.less$/,
        use: ExtractTextPlugin.extract({
          use:[ 'css-loader','less-loader'],
          fallback: 'style-loader',
        }),
      },

 plugins: [
   
    new ExtractTextPlugin("[name].css"),
  ]

vue文件通过

require('../../../less/button.less')

所有less文件都会报 Unrecognised input ，在文件的line4,column12 。但less文件中就是正常的less文件，没有什么特殊的符号呀！应该是less文件没有被正确识别，不知道是哪里的配置出现问题了。

Answer 1

<style lang="less">
@import '../../../less/button.less';
</style>

Answer 2

楼主解决了吗？我也遇到了这个问题

Answer 3

项目文件都是.js文件，没有.vue这样的模板文件。这个怎么处理