Неопознанный вход с webpack, less-loader и vuejs

Question

Я пытаюсь получить пользовательскую сборку SemanticUI, встроенную в шаблон webpack vue.js. У меня не было проблем с интеграцией модулей jquery и SemanticUI, однако я не получаю меньше файлов для работы.

Я создал приложение с vue-cli и webpack шаблон и я установил less-loader и style-loader через npm соответственно.

Перед добавлением SemanticUI меньше файлов, я хотел видеть, чтобы, если моя сборка трубопровода работает правильно, поэтому я создал следующую структуру папок и тестовые файлы:

сборки/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.less

& { @import 'test.less'; } 

семантико-щ/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 и frontend в целом, поэтому я немного не в порядке, где искать ответы ...

Заранее благодарен!

Answer 1

, кажется, что вы не установите менее, вы можете проверить его в package.json, а затем

npm install less --save-dev.