webpack，较少装载机和vuejs的未识别输入

Question

我试图得到一个自定义的SemanticUI构建集成到webpack vue.js模板。在jquery和SemanticUI模块集成方面，我没有遇到任何问题，但是我不能让更少的文件工作。

我用vue-cli和webpack模板创建了应用程序，并相应地通过npm安装了less-loader和style-loader。

在添加SemanticUI减少文件之前，我希望确保构建管道是否正常工作，因此我创建了以下文件夹结构和测试文件：

build/webpack.base.conf.js

resolve: {
  // ...
  alias: {
    // ...
    'semantic-ui': path.resolve(__dirname, '../semantic-ui')
  }
  // ...
}
// ...
module: {
  // ...
  loaders: {
    test: /\.less$/,
    loader: "style-loader!css-loader!less-loader"
  }
  // ...
}

semantic-ui/semantic.less

& { @import 'test.less'; }

semantic-ui/test.less

@variable: 2px;

src/main.js

// ...
require('semantic-ui/semantic.less')
// ...

但是，当我运行npm run dev时，总是会出现以下错误

ERROR in ./~/css-loader!./~/less-loader!./~/style-loader!./~/css-loader!./~/less-loader!./semantic-ui/semantic.less
Module build failed: Unrecognised input
 @ /Users/robert/Code/vue/jquery-test/semantic-ui/semantic.less (line 4, column 12)
 near lines:
   // load the styles
   var content = require("!!./../node_modules/css-loader/index.js!./../node_modules/less-loader/index.js!./semantic.less");
   if(typeof content === 'string') content = [[module.id, content, '']];
 @ ./semantic-ui/semantic.less 4:14-236 13:2-17:4 14:20-242

我尝试了几种方法，比如在@import文件路径前加上一个~和一个.，但是没有什么变化。我对webpack比较陌生，总体上是前卫的发展，所以我有点不知所措，不知到哪里去找答案。

提前感谢！

Answer 1

似乎您没有安装更少的，您可以检查它在您的package.json，然后

npm install less --save-dev.