Webpack은 AMD 모듈 내에서 필요한 파일을 번들링하지 않습니다.

Question

webpack에 requirejs를 사용하는 기존 웹 사이트를 마이그레이션하고 있습니다. 나는 requirep와 webpack.config.js를 대체 할 수있을 것이라고 생각했다. 그러나 webpack은 AMD 모듈에서 요구하는 종속성을 포함하지 않습니다. 내 모든 모듈의 형식은 :

const webpack = require('webpack'); 

const sourcePath = __dirname; 
const outputPath = './dist'; 

module.exports = (env) => { 
    return { 
    context: sourcePath, 
    entry: { 
     app: './src/index.js', 
    }, 
    output: { 
     path: outputPath, 
     filename: '[name].bundle.js', 
     chunkFilename: '[id].[chunkhash].js', 
    }, 
    module: { 
     rules: [ 
     { 
      test: /\.jsx?$/, 
      exclude: /node_modules/, 
      use: [ 
      'babel-loader', 
      ], 
     }, 
     ], 
    }, 
    }; 
}; 

그리고 내 .babelrc :

{ 
    "presets": [ 
    ["babel-preset-env", { 
     "targets": { 
     "browsers": [ 
      "last 2 Chrome versions", 
      "last 2 Firefox versions" 
     ] 
     }, 
     "modules": false 
    }], 
    "react" 
    ], 
} 

내가 래퍼를 정의 제거하면

다음

define(require => { 
    const dep1 = require('models/dep1'); 
    const dep2 = require('models/dep2'); 
    ... 
    const Utils = { 
     function doStuff() { 
      ... 
     }, 
    }; 

    return Utils; 
}); 

내 웹팩 설정의 단순화 된 버전입니다 파일에서 가져오고 require 문을 import 문으로 바꾼 다음 번들에 종속성을 포함시키는 방법을 찾습니다.

webpack에 번들의 종속성을 포함시키기 위해 필요한 추가 구성이 있습니까? 가능한 webpack은 define(function(require) {과 반대로 define(require =>을 정의하는 화살표 함수 스타일을 이해하지 못합니까?

Answer 1

이것은 바뀌 었습니다. 나는 그것을 고치기 위해 webpack에 풀 요청을 보내고 결국 3.9.0으로 풀렸다.