爲什麼的WebPack正在尋找以.json模塊時，它實際上是一個ES6 JSON文件中讀取

Question

節點app.js在ES6具有從每個請求的文件中讀取一個JSON（不理想，但有一種情況）

JSON.parse(fs.readFileSync(`../../src/components/${componentName}/mock.props.json`).toString()); 

試圖

new webpack.IgnorePlugin(new RegExp("\.json")) 

從而忽視所有以.json從請求或的WebPack的fileDependencies：

，但仍然得到客戶bundle.js的的WebPack-entry.js

錯誤

bootstrap df7a535…:39Uncaught Error: Cannot find module "../../src/components/xxx.json"webpackMissingModule @ bootstrap df7a535…:39(anonymous function) @ bootstrap 

當文件名從mock.props.json更改爲mock.content.json時，此錯誤消失。 webpack開始將此視爲內容而不是模塊？不希望這被看作是模塊，它只是一個文件讀取。

節點版本4.3.2

的WebPack 1.13

Answer 1

通過使用fs.readFile的WebPack不認爲這是一個依賴（因爲它不是）。

需要它來代替：

require(`../../src/components/${componentName}/mock.props.json`);