Javascript 汇总-如何在JS目标文件夹外编写CSS

苗条使用卷起进行捆绑。这是文件夹结构

svelte/
├── node_modules/
├── public/
│   ├── bundle.js
│   └── bundle.css
├── src/
│   ├── App.svelte
│   └── main.js
└── rollup.config.js

我想将

bundle.js

和

bundle.css

保存在根文件夹之外

这是汇总配置

input: "src/main.js",
    output: {
        format: "cjs",
        name: "app",
        file: "../../src/svelte/bundle.js",
    },
    plugins: [
        svelte({
            css: (css) => {
                css.write("/bundle.css");
            },
        }),
    ],

我可以很好地保存

bundle.js

，但是传递给

bundle.css

的

css.write（）

路径与

bundle.js

目标目录相对

如果我尝试执行

css.write（“../bundle.css”）

，我会得到这个错误

Error: The "fileName" or "name" properties of emitted files must be strings that are neither absolute 
nor relative paths and do not contain invalid characters, received "/bundle-svelte-activities.css".

---

下面是一些让它发生的片段：

...
import css from 'rollup-plugin-css-asset';

export default {
    input: 'src/main.js',
    output: {
        sourcemap: true,
        format: 'iife',
        name: 'app',
        assetFileNames: 'bundle.css',
        dir: 'public/build',
        entryFileNames: 'bundle.js'
    },
    plugins: [
       svelte({
            ...
            emitCss: true,
       }),
       ...
       css({   
           name: 'bundle',
       }),
       ...
     ],
     ...  

---

下面是一些让它发生的片段：

...
import css from 'rollup-plugin-css-asset';

export default {
    input: 'src/main.js',
    output: {
        sourcemap: true,
        format: 'iife',
        name: 'app',
        assetFileNames: 'bundle.css',
        dir: 'public/build',
        entryFileNames: 'bundle.js'
    },
    plugins: [
       svelte({
            ...
            emitCss: true,
       }),
       ...
       css({   
           name: 'bundle',
       }),
       ...
     ],
     ...  

---

谢谢你的回复。你能解释一下这是怎么回事吗？CSS在文件夹外的定义在哪里？在这里它将被放置在目录中。更多信息：谢谢你的回复。你能解释一下这是怎么回事吗？CSS在文件夹外的定义在哪里？在这里它将被放置在目录中。详情如下：