It is hoped that CSS and JS can be packaged together in lib mode

[GuoJikun]

Clear and concise description of the problem

Now in lib mode, CSS is packaged separately,However, I hope to package CSS and JS together.

Suggested solution

Configuration can be added:

export default defineConfig({
  build: {
    lib: {
      isSplitCss: Boolean
    },
  },
});

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[hyrious]

If you mean to inject css to a style element (like style loader), you can manually do that with the ?inline query:

import css from "./style.css?inline"
var style = document.createElement("style")
style.innerText = css
document.head.append(style)

[GuoJikun]

If you mean to inject css to a style element (like style loader), you can manually do that with the ?inline query:

import css from "./style.css?inline"
var style = document.createElement("style")
style.innerText = css
document.head.append(style)

I have a Vue component ready to be released to NPM (eg: example). After packaging the component in lib mode, the CSS will be packaged into a separate file. I hope there is no CSS file.

example

// barcode.vue
<template>
  <p class="test"></p>
</template>
<style>
.test{
  color: red;
}
</style>

output

now

- dist
  - barcode.js
  - style.css

but i hope

- dist
  - barcode.js

[y1d7ng]

same issue #4345

[tylerrrkd]

both issues closed #4345 and #5051, and actually, there is another duplicate issue #1579.