有沒有辦法用Webpack忽略文件類型？

在爲我的網站創作我的作品時，我有一些中間文件，我想保留在我的「媒體」文件夾中。有沒有辦法用Webpack忽略文件類型？

但隨後webpack開始抱怨說它不知道如何處理這些文件。

有沒有簡單的方法可以說，不用擔心.pdn擴展名的任何文件？

我想在我的webpack.config.js這些選項，它並沒有幫助：

{ test: /\.pdn?$/, loader: 'raw', exclude: /.*/}
{ test: /\.pdn?$/, exclude: /.*/}

來源

2016-06-06 Vaccano

的問題是不是的WebPack想用那些做文件，但是當你需要這些文件時你想要做什麼？你是否想要使用Javascript中的內容，你是否想要給你構建文件或其他內容的路徑？

如果您不需要任何.pdn文件，但Webpack仍會嘗試加載它們，那麼您可能正在使用動態要求。 Dynamic requires可以做很奇怪的事情，通常會試圖捆綁得太多，所以你應該避免使用它們。

如果您確實想要以某種方式訪問文件，請使用file-loader。

在上例中，第一個加載器選項不起作用，因爲您排除了exclude子句中的所有內容。你可以讓webpack將raw-loader應用到符合'test'的文件，但是忽略與'exclude'匹配的文件，這就是你的情況。改爲使用{ test: /\.pdn$/, loader: 'raw' }。

來源

2016-06-08 15:21:28 Ambroos

我只是想的WebPack忽略它們。就好像它們不存在一樣。我看着動態需求，它看起來不像我這樣做（在require語句中的字符串連接）。 – Vaccano

只要你不需要它們，Webpack將不會嘗試加載它們並忽略它們。你確定你總是隻需要直接定義的字符串？沒有要求從變量或類似的東西？ – Ambroos

不，我沒有任何....我只是將文件移動到其他地方（離開我的開發樹），錯誤消失了。（我希望找到一種方法來讓它忽略它，所以我可以把它留在那裏...但是..啊） – Vaccano

您可以將ignore-loader插件和匹配文件添加到它。

例（在webpack.config.js）

這將忽略所有.css文件。

module.exports = { 
    // ... other configurations ... 
    module: { 
    loaders: [ 
     { test: /\.css$/, loader: 'ignore-loader' } 
    ] 
    } 
};

我需要它，因爲我需要一些node_modules原裝進口多種字體格式，但我只是想woff或woff2格式。

我的解決辦法：

config = { 
    // ... config ... 
    module: [ 
    { test: /(\.woff|\.woff2)$/, loader: 'url?name=font/[name].[ext]&limit=10240&mimetype=application/font-woff' }, 
    { test: /\.ttf$/, loader: 'ignore-loader' }, 
    { test: /\.eot$/, loader: 'ignore-loader' } 
    ] 
}

來源

2016-10-06 02:54:06

不錯，只是我需要的（我正要寫這個我自己:)） – magikMaker

嗨！我使用這種技術，但在生成的CSS捆綁我有這樣的東西：URL（[對象對象]）的ttf/eot的URL打破了CSS。你有什麼提示要做什麼？ – norekhov

@norekhov你可以看到[這裏]（https://github.com/cherrry/ignore-loader/blob/master/index.js）這個插件所做的就是'return'';'。如果你得到'[object Object]'那麼它就是從別的地方來的！ –

有沒有辦法用Webpack忽略文件類型？

回答

相關問題