Webpack包名為requirejs modules

Question

在我的公司，我們有一個重要的AMD RequireJS代碼庫，我正在嘗試使用webpack捆綁其中一些。 這是架構的樣子：

somedir
│   app.js
│
└───anotherdir
    |
    ├─── module1
    │       file1.js
    │       file2.js
    │
    ├─── module2
    │       file3.js
    │
    └─── module3
            file4.js
            file5.js
            file6.js

每個文件都是這樣寫的：

define('ATAG/MODULE/ID, ['somedeps'], function (somedeps) {});

所以例如file1.js看起來像

define('ATAG/module1/file1, [], function () {});

我們有一個RequireJS配置，它將ATAG映射到anotherdir ，我們可能有更多的配置用於不同的標簽。

現在我正在嘗試使用webpack從app.js創建一個包，但我不知道如何使用require.config({ paths: { ATAG: 'anotherdir' } })復制我們的行為。

到目前為止，我對resolve.alias嘗試都沒有成功。

根據我們對RequireJS的使用（不需要相對路徑），甚至可以使用webpack實現這樣的功能嗎？

謝謝。

Answer 1

你使用resolve.alias走在正確的道路上：

// foo.js
var a = require('ATAG'); // resolved to anotherdir/index.js
var b = require('ATAG/bar'); // resolved to anotherdir/bar.js

// webpack.config.js
const path = require('path');

module.exports = {
    entry: './foo',
    output: {
        filename: 'bundle.js'
    },
    resolve: {
        alias: {
            ATAG: path.join(__dirname, '/anotherdir')
        }
    }
};