Хэшированные имена файлов с использованием Rollup

Question

Я довольно плохо знаком с упаковщиками и rollup специально. Каков наилучший способ условно иметь sh имен файлов в rollup.config.js при сборке для производства, в то же время сохраняя index.html для ссылки на новые .css и .js хэшированные версии?

Я вижу это в документах , но, думаю, я не знаю, как условно установить эти параметры на основе настроек dev/prod?

output: {
        sourcemap: true,
        format: 'iife',
        name: 'app',
        file: 'public/build/bundle.js'
       // entryFileNames : 'bundle[hash].js
    },

или использование rollup-plugin-hash является лучшим решением? до сих пор не уверен, что лучше всего будет обновить index.html (и что дает опция файла манифеста?)

Answer 1

Вы можете использовать плагин, такой как @ rollup / plugin- html, чтобы сгенерировать файл html, который ссылается на хэшированные имена файлов.

Поскольку файл конфигурации Rollup просто Javascript, вы можете включить некоторые операторы if, которые возвращают разные результаты в зависимости от настроек dev / prod.

const isProduction = process.env.NODE_ENV === 'production';

export default {
  output: {
    sourcemap: true,
    format: 'iife',
    name: 'app',
    file: isProduction ? 'bundle[hash].js' : 'public/build/bundle.js',
  }
};