webpack-merge merge 不是函数

Question

我试图在 shopify 主题中添加 React。于是手动配置了react, webpack, babel。 Webpack.dev.js

const merge  = require('webpack-merge');
const common = require("./webpack.common.js")

module.exports = merge(common, {
  mode: "development",
  devtool: "inline-source-map",
  watch: true
})

但我收到错误消息，merge 不是一个函数。提前致谢。

Answer 1

在新版本中webpack-merge,导入如下

const { merge } = require('webpack-merge');

Answer 2

我使用 ES6 webpack 配置，所以我使用 webpack-merge@4.2.1 ...

import merge from "webpack-merge"

Answer 3

从 webpack-merge 的第 5 版开始，合并功能现在命名为导出，而不是默认导出。

版本 5 之前

const merge = require('webpack-merge');

来自版本 5

const merge = require('webpack-merge').merge;

// or

const { merge } = require('webpack-merge');

如果你使用的是ES模块，那么你应该这样做：

import { merge } from "webpack-merge"

Answer 4

您还可以通过如下重命名来利用合并：

const { merge: webpackMerge } = require("webpack-merge");

通过这种方式你还在使用旧api同名的包！

Answer 5

我已经像下面这样导入了，

const { merge } = require("webpack-merge");

并用作

const mergedConfig = merge(config, customConfig);

webpack-merge merge 不是函数

webpack-merge merge is not a function

shopify

reactjs