同时使用Imports-Loader和Exports-Loader作为旧版代码

Question

我有2个旧的JS文件，我不想更改。因此，我想使用exports-loader和imports-loader

文件B传统需要文件A传统的全局变量GLOB

我的webpack.config.js结果为

rules: [
        { test: /\.ts$/, use: 'ts-loader' },     // Typescript file loader;              
        {
            test: path.resolve(__dirname, '../Scripts/legacy/A-legacy'),        
            use: 'exports-loader?GLOB'
        },
        {
            test: path.resolve(__dirname, '../Scripts/legacy/B-legacy'),
            use: 'imports-loader?GLOB'
        } 
    ],

据我所知，这应该起作用。我正在以A-legacy导出GLOB var，并想将其导入到B-legacy。

但是构建它会出现以下错误：

./ Scripts / legacy / B-legacy.js中的错误找不到模块：错误：无法在'C：\ anypath \ Scripts \ legacy'中解析'GLOB'@ ./Scripts/legacy/A-legacy.js 2：11-26

我已经尝试在Exports-Loader规则中添加force：“ pre”。但这并没有任何改变

Answer 1

尽管我使用的是内联导入，但在安装过程中发生了完全相同的错误。我解决问题的方法是删除imports-loader文件中的B-legacy。

示例设置是我遇到了Module not found错误：