Чтение переменной env из служебного рабочего файла с помощью workbox

Question

Я работаю с workbox-sw а также workbox-webpack-pluginМой источник 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')
})

Мы будем благодарны за любую помощь! Спасибо всем!

Answer 1

Потому что вы используете swSrc: './sw.js', это означает, что ./sw.js файл будет основой для окончательного рабочего файла сервиса, который выводится. (В него будет вставлена ​​информация о предварительном кэше как часть процесса сборки.)

Это означает, что вы можете обрабатывать ./sw.js Однако вы хотели бы до workbox-webpack-plugin работает, включая изменение его путем замены заполнителей переменными среды. я полагаю, что webpack.DefinePlugin обычно используется для этого?