add banner to css

local/rollup/src/pipeline.build.js

@@ -72,7 +72,7 @@ module.exports = (resolve, options, esm) => {
     plugins: [
       rollupLicense(banner, sourcemap),
       rollupAlias(alias),
-      rollupScss(extractStyles, false, sourcemap),
+      rollupScss(banner, sourcemap, extractStyles, false),
       rollupTs(srcPath),
       rollupResolve(srcPath, resolve),
       rollupCommonjs(sourcemap, resolve),

local/rollup/src/pipeline.common.plugins.js

@@ -30,13 +30,21 @@ module.exports = {
       moduleDirectories: resolve.directories,
       extensions: resolve.extensions,
     }),
-  rollupScss: (extractStyleOption, output, sourceMap) => {
+  rollupScss: (banner, sourceMap, extractStyleOption, output) => {
     if (extractStyleOption) {
       return output
         ? rollupPluginScss({
             output,
             sourceMap,
             sass,
+            prefix: banner
+              ? `/*! \r\n${banner
+                  .replace(/\r\n/g, '\r')
+                  .replace(/\n/g, '\r')
+                  .split(/\r/)
+                  .map((line) => ` * ${line}\r\n`)
+                  .join('')} */`
+              : undefined,
             processor: () => postcss([autoprefixer()]),
           })
         : rollupPluginIgnoreImport({

local/rollup/src/pipeline.dev.js

@@ -8,7 +8,7 @@ const {
 } = require('./pipeline.common.plugins');
 
 module.exports = (resolve, options) => {
-  const { rollup, paths, alias, extractStyles } = options;
+  const { rollup, paths, alias, extractStyles, banner } = options;
   const { output: rollupOutput, input, plugins = [], ...rollupOptions } = rollup;
   const { file, sourcemap: rawSourcemap, ...outputConfig } = rollupOutput;
   const { src: srcPath, dist: distPath } = paths;
@@ -28,7 +28,7 @@ module.exports = (resolve, options) => {
     ...rollupOptions,
     plugins: [
       rollupAlias(alias),
-      rollupScss(extractStyles, false, sourcemap),
+      rollupScss(banner, sourcemap, extractStyles, false),
       rollupEsBuild(),
       rollupResolve(srcPath, resolve),
       rollupCommonjs(sourcemap, resolve),

local/rollup/src/pipeline.styles.js

@@ -2,7 +2,7 @@ const path = require('path');
 const { rollupResolve, rollupScss, rollupEsBuild } = require('./pipeline.common.plugins');
 
 module.exports = (resolve, options) => {
-  const { rollup, paths } = options;
+  const { rollup, paths, banner } = options;
   const { output: rollupOutput, input } = rollup;
   const { file, sourcemap } = rollupOutput;
   const { src: srcPath, styles: stylesPath } = paths;
@@ -12,7 +12,7 @@ module.exports = (resolve, options) => {
     input,
     plugins: [
       rollupResolve(srcPath, resolve),
-      rollupScss(true, path.resolve(stylesPath, `${file}.css`), sourcemap),
+      rollupScss(banner, sourcemap, true, path.resolve(stylesPath, `${file}.css`)),
       rollupEsBuild(),
       {
         generateBundle() {