Webpack - 在不创建别名的情况下加载模块

Webpack - Loading modules without creating an alias

本文关键字：情况下 加载 模块 别名 创建 Webpack      更新时间：2023-09-26

我刚刚开始使用 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它们？

> 使用 resolve.root 想通了：

var path = require('path');
module.exports = {
    entry: './entry.js',
    output: {
        path: __dirname + '/dist',
        filename: 'bundle.js'
    },
    resolve: {
        root: [
            path.resolve('./assets/js')
        ]
    }
};
相关文章：