Javascript 正在获取具有给定扩展名的所有文件,并使用WebPack将内容设置为全局窗口变量

Javascript 正在获取具有给定扩展名的所有文件,并使用WebPack将内容设置为全局窗口变量,javascript,json,webpack,build,global-variables,Javascript,Json,Webpack,Build,Global Variables,这是我项目的简化结构 +-- folder1 | +-- folder1-2 | | +-- variable2.special.json | +-- variable3.special.json +-- variable1.special.json +-- index.html 目标 该项目使用webpack,目标是查找所有.special.json文件,并根据其名称将这些文件的内容设置为全局窗口变量 预期结果 window.variable1 = "[conten

这是我项目的简化结构

+-- folder1
|   +-- folder1-2
|   |   +-- variable2.special.json
|   +-- variable3.special.json
+-- variable1.special.json
+-- index.html
目标 该项目使用webpack,目标是查找所有
.special.json
文件,并根据其名称将这些文件的内容设置为全局窗口变量

预期结果

window.variable1 = "[content of ./variable1.special.json]"
window.variable2 = "[content of ./folder1/folder1-2/variable2.special.json]"
window.variable3 = "[content of ./folder1/variable3.special.json]"
初衷 我的第一个想法是使用CopyPlugin首先查找所有文件并将它们复制到一个文件夹中,但我不能在构建时设置全局变量,因为插件只复制文件

plugins: [
    new CopyPlugin([
        {
            from: '**/*.special.json',
            to: 'specials/',
            flatten: true
        }
    ])
]