Необязательные зависимости в webpack

Question

например, если я хочу добавить require("index.less") ко всем файлам и игнорировать эту строку, если файл не существует. Как это сделать (включая, например, загрузчики).

Answer 1

Что я закончил делать было улучшение imports loader добавить опцию, чтобы импортировать 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' } 
] 

Answer 2

Одним из вариантов было бы установить require.context, а затем проверить, существует ли файл против этого.

Грубая идея:

var req = require.context('./', false, /^index.less$/); 

if(req.keys().includes('./index.less')) { 
    req('./index.less'); 
}