使用workbox从服务工作者文件中读取环境变量

Question

我正在根文件夹中使用workbox-sw和workbox-webpack-plugin我的src sw.js文件(与我的.env文件处于同一级别)

如何获取环境变量并将其访问到src sw.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文件将成为最终输出的服务工作者文件的基础。(作为构建过程的一部分，它将在其中插入预缓存信息。)

这意味着您可以在workbox-webpack-plugin运行之前随心所欲地处理./sw.js，包括用环境变量替换占位符来修改它。我相信webpack.DefinePlugin通常是用来做这个的吧？