rollup-plugin-banner2 doesn't work with vite

[phiphou]

⚠️ IMPORTANT ⚠️ Please check the following list before proceeding. If you ignore this issue template, your issue will be directly closed.

• [x] Read the docs.
• [x] Use Vite >=2.0. (1.x is no longer supported)
• [x] If the issue is related to 1.x -> 2.0 upgrade, read the Migration Guide first.

Describe the bug

I'm trying to use rollup-plugin-banner2, added it the the rollup plugins in rollupOptions but I dont'see the banner. Is there a default rollup config option that override it ? Also tried with rollup-plugin-banner but with no luck.

Reproduction

https://github.com/stropho/rollup-plugin-banner2

System Info

• vite version: 2.0.0-beta.12
• Operating System: Windows
• Node version: 12.18.1
• Package manager (npm/yarn/pnpm) and version: npm 6.1.0

[yyx990803]

1. The link is not a valid reproduction.
2. The banner plugin uses renderChunk and will only take effect during build.

[phiphou]

Solved with a custom rollup plugin :

const bannerPlugin = (banner) => {
  return {
    name: 'banner',
    async writeBundle (NULL, bundle) {
      for (const fileName of Object.entries(bundle)) {
        const file = fileName[0]
        const extRegex = new RegExp(/\.(css|js)$/i)
        const vendorRegex = new RegExp(/vendor/)
        if (extRegex.test(file) && !vendorRegex.test(file)) {
          let data = fs.readFileSync(`./dist/${file}`, { encoding: 'utf8' })
          data = `/* ${banner} */ ${data}`
          fs.writeFileSync(`./dist/${file}`, data)
        }
      }
    }
  }
}

build: {
    rollupOptions: {
      plugins: [
        bannerPlugin('Your banner')
      ]
    }
  }

[chengpeiquan]

Solved with a custom rollup plugin :

const bannerPlugin = (banner) => {
  return {
    name: 'banner',
    async writeBundle (NULL, bundle) {
      for (const fileName of Object.entries(bundle)) {
        const file = fileName[0]
        const extRegex = new RegExp(/\.(css|js)$/i)
        const vendorRegex = new RegExp(/vendor/)
        if (extRegex.test(file) && !vendorRegex.test(file)) {
          let data = fs.readFileSync('./dist/' + file, { encoding: 'utf8' })
          data = `/* ${banner} */ ${data}`
          fs.writeFileSync('./dist/' + file, data)
        }
      }
    }
  }
}

build: {
    rollupOptions: {
      plugins: [
        bannerPlugin('Your banner')
      ]
    }
  }

Nice! Thanks for your solution!