Webpack 中如何关联 AMD 模块的依赖映射?

2020-05-06 16:12:14 +08:00
 Shook

比如我有一个 main.js:

define([
	config, // ./config.js
	JApp, // ./modules/module-common/app.js
], function(config, JApp) {
	...
});

同时,我还有个 config 文件:

define([], function() {
	return {
		config: 'config',
		JApp: './modules/module-common/app',
		HApp: './modules/module-common/app.html',
	};
});

我在尝试使用 webpack 打包 main.js 时,webpack 会提示找不到模块‘JApp’,因为确实不存在嘛。 于是我就配置了一下 webpack.resolve.alias,就是直接将 config 文件的内容赋给 webpack.resolve.alias 。 但结果是仍旧报错:

Module not found: Error: Can't resolve 'JApp' in 'D:\codes\webpack\webpack-test\webapp\static' @ ../webapp/static/main.js 13:4-227:6

我该怎么解决这个问题呢?

2079 次点击
所在节点    webpack
1 条回复
SilentDepth
2020-05-06 16:44:39 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/668970

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX