fix(css): no emit assets in html style tag (fix #5968)

[poyoho]

Description

fix #5968

Additional context

I think it is better way to resolve inline style.

• use js import to use css plugin transform inline style. and relace it with a flag, like assets url.
• css-post plugin record transform result.use result replace flag when generateBundle.

I accidentally deleted repo before. and break link of #6181😭

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines and follow the Commit Convention.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[poyoho]

Duplicate of #6181

[patak-dev]

@poyoho thanks again for the work you're doing lately in Vite, hats off

[siwa-ddiesenreither]

Is there a way to disable the replacement of <div style="background-image: url('test.png')"> with <div style="__VITE_INLINE_CSS__..."> - i just want to build my index.html and host it on a server?

[trtrtr6]

@poyoho

Why exclude underscore here，If there is an underscore on the path, the regularity here cannot match

[poyoho]

Is there a way to disable the replacement of <div style="background-image: url('test.png')"> with <div style="__VITE_INLINE_CSS__..."> - i just want to build my index.html and host it on a server?

hi, maybe not, Can you explain in detail why it is used this way?

[siwa-ddiesenreither]

Is there a way to disable the replacement of <div style="background-image: url('test.png')"> with <div style="__VITE_INLINE_CSS__..."> - i just want to build my index.html and host it on a server?

hi, maybe not, Can you explain in detail why it is used this way?

I am currently using vite as build tool for my Website Design Preview. I've got some .html files like index.html, content.html, contact.html and scss, js etc. So i am developing with vite hot reload and then run vite build and upload the dist folder to a webserver to show my clients the preview. I have got some div's with inline style attributes with background-images so it would be nice if vite just changes to path to the image as it does in scss and does not replace it with an VITE_INLINE_CSS path.

Edit: i am using vite instead of gulp/webpack etc. because it's freakin fast and i like the way to configure it.