less - スタイルを WebPack に読み込む

Question

xx.jsがロードされるたびにxx.lessをロードしようとする方法はありますか?

今のところ、require 'xx.less'関連するすべての js ファイルの先頭に追加しますが、これは少し醜いです。

Answer 1

私がやったのは、インポートローダーを改善して、同じ名前のファイルが存在する場合はlessすべてのファイルをインポートするオプションを追加することでした。jsx

私の改善import loader：https://github.com/welldone-software/imports-loader

プル リクエスト: https://github.com/webpack/imports-loader/pull/12

たとえばmainview.less、 と同じディレクトリにドロップすると、ファイルの先頭にインポートmainview.jsxが追加されます。require("mainview.less")jsx

loaders: [
    { test: /\.jsx?$/, loaders: ['imports?null=[./{name}.less]', 'react-hot', 'babel'] },
    { test: /\.less$/, loader: 'style!css!less' }
]