覆盖 webpack 4 中的内置 json-loader答案

【问题标题】：override built-in json-loader in webpack 4覆盖 webpack 4 中的内置 json-loader
【发布时间】：2018-03-01 15:22:07
【问题描述】：

我有自己的 json-loader，我想用它来代替内置的加载器。这曾经在 webpack-3 中工作；在 webpack-4 中，我的加载器被调用但是结果会传递给内置加载器，然后会出错，因为它正在输入的是 JS 源代码，而不是 json。如何防止调用内置的 json-loader？我的 webpack.cofig.ts 看起来像这样：

import * as webpack from 'webpack'
import * as path from 'path'

const config = {
  mode: 'production',
  node: { fs: 'empty' },
  resolveLoader: {
    alias: { 'custom-json-loader': 'zotero-plugin/loader/json' },
  },
  module: {
    rules: [ { test: /\.json$/, use: [ 'custom-json-loader' ] } ],
  },

  // ...
}

export default config

【问题讨论】：

我认为这将影响所有在模块类型之间转换的加载器：stackoverflow.com/questions/49395913/…

标签： webpack webpack-4

【解决方案1】：

你必须告诉 webpack 你的加载器发出的是 javascript 而不是 json。为此，您必须将 type: "javascript/auto" 添加到您的加载程序配置中：

module: {
    rules: [ 
         { 
            test: /\.json$/, 
            use: [ 'custom-json-loader' ] ,
            type: "javascript/auto"
         }
   ]
}

Changelog for Webpack 4

【讨论】：