context method emitFile() is not supported in serve mode. This plugin is likely not vite-compatible.

Describe the bug

I try to use this.emitFile like this

transform() {
      const css = sample(allPaths);
      this.emitFile({
        type: "asset",
        source: css,
        id: "",
        fileName: "atomic.css",
      });
    },

but emitfile is not generated a d gives warning: context method emitFile() is not supported in serve mode. This plugin is likely not vite-compatible. (In rollup this.emitFile is used with generateBundle instead of transform)

Is there any Changes in vite because I take the reference from rollUp

Reproduction

.

System Info

"vite": "^2.8.1"

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn’t already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it’s a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[bluwy]

Yeah emitFile only works in build mode (where rollup is involved). I’m not sure if it’s possible to call emitFile in the transform hook, maybe that’s the issue. You can try calling it in buildStart or generateBundle according to the docs.

[bluwy]

Is emitting the file required in serve/dev mode? Vite logs a warning as emitting a file in serve mode doesn’t make sense (all files are kept in memory), but it will work in builds as that’s a normal rollup process. If your plugin is for builds only, you can set apply: 'build' in your plugin.