webpack、less-loader、およびvuejsで認識できない入力

Question

webpack vue.jsテンプレートに統合されたカスタムSemanticUIビルドを取得しようとしています。 jqueryとSemanticUIモジュールの統合に問題はありませんでしたが、動作するファイルが少なくて済むわけではありません。

私はvue-cliと、アプリケーションとwebpackテンプレートを作成していると私はそれに応じてnpmを通じてless-loaderとstyle-loaderをインストールしました。

SemanticUI以下のファイルを追加する前に、私は私のビルドパイプラインが正常に動作している場合に見たかったので、私は、以下のフォルダ構造とテストファイルを作成：

ビルド/ webpack.base.conf.js

をsemantic.less

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

セマンティック-UI/

& { @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 

を実行したとき、私はいつも、次のエラーで終わります

私は@importファイルのパスに~、および.となりますが、変更はありません。私はwebpackやフロントエンドの開発にはかなり新しいので、どこで答えを探すのか分からない...

ありがとうございます！

Answer 1

あなたがあなたのpackage.jsonでそれを確認することができ、あなたはあまりをインストールしていないようだし、その後

npm install less --save-dev.