Webpack - 无需创建别名即可加载模块

Question

我刚开始使用Webpack并遇到了麻烦。

我将模块存储在assets/js/someModule.js中。例如，这是我正在研究的loadSnaps模块（AMD）。

define('loadSnaps', ['jquery'], function($) {
    // Load latest snaps into DOM
});

在我的webpack.config.js中，我为此模块创建了一个别名：

...

resolve: {
    alias: {
        loadSnaps: 'assets/js/loadSnaps.js'
    }
}

...

我想知道，有没有更容易的方法来做到这一点，而不必每次都创建一个别名？是否可以指定我的模块的路径，以便我可以通过名称require来表示它们？

Answer 1

使用resolve.root：

计算出来

var path = require('path');

module.exports = {
    entry: './entry.js',
    output: {
        path: __dirname + '/dist',
        filename: 'bundle.js'
    },
    resolve: {
        root: [
            path.resolve('./assets/js')
        ]
    }
};