使用工作箱从服务工作文件中读取env变量

时间:2018-01-23 09:49:53

标签: javascript webpack service-worker workbox workbox-webpack-plugin

我正在使用workbox-swworkbox-webpack-plugin 我的src sw.js文件位于根文件夹(与我的.env文件相同)

如何获取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')
})

我们将不胜感激!谢谢大家!

1 个答案:

答案 0 :(得分:-1)

因为您正在使用swSrc: './sw.js',这意味着./sw.js文件将成为输出的最终服务工作文件的基础。 (它将在构建过程中将预先缓存信息插入其中。)

这意味着您可以在./sw.js运行之前处理workbox-webpack-plugin,但包括通过用环境变量替换占位符来修改它。我相信通常会使用webpack.DefinePlugin吗?