无法识别的input与webpack，less-loader和vuejs

我正在尝试将自定义的SemanticUI构build集成到一个webpack vue.js模板中。 我没有与jQuery和SemanticUI模块集成的问题，但我没有得到较less的文件工作。

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

在添加SemanticUI less文件之前，我想看看如果我的构buildpipe道工作正常，所以我创build了以下文件夹结构和testing文件：

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" } // ... } 

语义UI / semantic.less

 & { @import 'test.less'; } 

语义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 

我尝试了几件事情，比如用~预先input@import文件path，用. ，但没有任何变化。 我对于webpack和前端开发相当陌生，所以在某种程度上我找不到答案。

提前致谢！

Answer 1

看来你不会less安装，你可以在你的package.json中检查一下，然后

 npm install less --save-dev.