javascript - 使用工作箱从服务工作人员文件中读取环境变量

Question

我正在使用根文件夹中的 我的 src文件（workbox-sw与我的 .env 文件处于同一级别）workbox-webpack-pluginsw.js

如何获取环境变量并将其访问到我的 srcsw.js文件中

这是来自我的webpack.config.js

new workboxPlugin({
    globDirectory: 'dist',
    globPatterns: ['**/*.{html,js,css,svg,otf,png,jpg,gif}'],
    swSrc: './sw.js',
    swDest: path.join('public', 'sw.js')
})

每一个帮助将不胜感激！感谢大家！

Answer 1

因为您使用的是swSrc: './sw.js'，这意味着该./sw.js文件将成为最终输出的服务工作人员文件的基础。（它会将预缓存信息作为构建过程的一部分插入其中。）

这意味着您可以./sw.js在运行之前进行任何您想要的处理workbox-webpack-plugin，包括通过将占位符替换为环境变量来修改它。我相信webpack.DefinePlugin通常用于那个？