rollup打包怎么把css和js分开来？

Question

如题，input里是一个main.js，然后output里面打包出来的混合了css，怎么才能分离出来，谢谢，可以举个demo吗

Answer 1

既然刷到了,就回复一下：

const css = require('rollup-plugin-css-only');
const fs = require('fs');
plugins:[css({
    output: function (styles, styleNodes) {
          console.log(styleNodes)
          fs.writeFileSync('dist/style.css', styles)
        }
})]

Answer 2

vite 里面的配置 rollupOptions assetFileNames可以把css和js拆开

rollupOptions: {
   output: {
        banner: '/* !automatic generation */',
        entryFileNames: 'index/libs/[name].[hash].js',
        chunkFileNames: 'index/js/[name].[hash].js',
        assetFileNames: 'index/assets/[name].[hash].[ext]',
    }
},