webpackサポートの拡張エイリアスエイリアスの作成方法

現在、私たちはモジュール全体のwebpackサポートエイリアスしか使用できませんが、webpackがある拡張子を持つすべてのファイルを自動的に別の拡張子にマップしたいと考えています。 main.jsでの例webpackサポートの拡張エイリアスエイリアスの作成方法

src 
| style.less 
| main.js

、私は以下のconfigure（のはず）

resoloveExtensions: { 
    css: ['css', 'less'] 
}

WebPACKの意志ピックアップstyle.less、それを変換して

import './style.css'

を行うと、

されていますが返された場合これを達成する方法はありますか？

2016-10-11 bigopon

resolveExtensionsは '代替'拡張として使用されず、提供されていない場合は拡張として使用されます。

まず、デフォルトの値は["", ".webpack.js", ".web.js", ".js"]のままにしておきます。この場合は、さらに2つ追加する：["", ".webpack.js", ".web.js", ".js", ".css", ".less"]。

この後、style.lessをmain.jsからimport './style';にすることができます。 Webpackは、styleという名前のファイルとresolveExtensionsの拡張子を見つけようとします。

2016-10-11 12:52:36 Ambroos

私はこれを理解しており、そうしていますが、私が実際に望むのは、拡張マッピング、「css」から「[css、less]」へのマップのようなものです。つまり、 'import '。/ style''や' import'。/ style.css''を実行すると結果は同じになります – bigopon

これを行うには、おそらく独自のローダーを作成する必要があります。あなたは本当にこれをしたいと思いますか？あなたがCSSファイルのように見えるものをインポートしているので、それは非常に混乱しますが、LESSローダーなどを経由しなければなりません。 – Ambroos

Aureliaを使用しているのでこれは非標準構文をサポートすることにあまり関心がないので、 '' 'node_modules'のコードを変更せずに行うことはできませんもし可能ならば '' と 'style.less'がロードされます – bigopon

答えて