使用 webpack 构建时 mime-db\db.json 出错答案

【问题标题】：Error with mime-db\db.json when building with webpack使用 webpack 构建时 mime-db\db.json 出错
【发布时间】：2016-03-14 18:23:57
【问题描述】：

我正在使用 webpack 和 Visual Studio Code 构建一个 Angular 2/nodejs 应用程序。

我无法创建我的包，因为 webpack 抱怨：

ERROR in ./~/mime-db/db.json
Module parse failed: c:\ftct\node_modules\mime-db\db.json Line 2: Unexpected token :
You may need an appropriate loader to handle this file type.
| {
|   "application/1d-interleaved-parityfec": {
|     "source": "iana"
|   },
 @ ./~/mime-db/index.js 11:17-37

我尝试清除 npm 缓存，删除并重新安装无济于事。任何人都知道可能导致此问题的原因是什么？我查看了 mime-db GitHub 页面，但没有任何相关信息。

【问题讨论】：

标签： javascript angularjs node.js webpack mime

【解决方案1】：

注意：以下是最新的 Webpack/Babel 配置

我的 Webpack 4/Babel 7/React 16.8.6/Node 11 应用程序中已经安装了 json-loader，但我仍然收到此错误。为我处理它的是添加一个 'exclude: /node_modules/' 属性 '测试：/.json$/'。

像下面的sn-p：

webpack.config.js

// 'rules: []' is Webpack 4 syntax to replace 'loaders: []'
rules: [  
    { test: /\.json$/, loader: 'json-loader', exclude: /node_modules/ },
    // ... Rules for other loaders ... //
]

【讨论】：

【解决方案2】：

我通过安装 webpack json-loader 解决了这个问题。 (npm install --save json-loader)
然后在我的 webpack 配置中注册它。

config = {
    module: {
        loaders: [{
            loader: 'json-loader',
            test: /\.json$/
        }]
    }
}

【讨论】：