webpack과 webpack의 Marge가 함수가 아닙니다.

webpack과 webpack의 Marge가 함수가 아닙니다.

Shopify 테마에 리액션을 추가하려고 합니다.수동으로 리액션, 웹 팩, 바벨을 설정합니다.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
})

그러나 오류가 발생하고 있습니다.머지는 함수가 아닙니다.잘 부탁드립니다.

새로운 버전의 webpack-merge에서는 다음과 같이 Import 됩니다.

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

webpack-merge 버전5 이후로는 Marge 함수는 기본 내보내기가 아닌 export로 명명되었습니다.

버전 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"

ES6 Web Pack 설정을 사용하고 있기 때문에 webpack-merge@4.2.1을 사용하고 있습니다.

import merge from "webpack-merge"

병합의 이름을 다음과 같이 변경하여 병합을 활용할 수도 있습니다.

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

이 방법으로 당신은 여전히 패키지의 오래된 api의 같은 이름을 사용하고 있습니다!

아래와 같이 수입했습니다.

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

로서 사용되었습니다.

const mergedConfig = merge(config, customConfig);

언급URL : https://stackoverflow.com/questions/62851934/webpack-merge-merge-is-not-a-function