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.jsx下降mainview.less，將一個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'); 
}