How to use rollup-plugin-scss - 1 common examples

To help you get started, we’ve selected a few rollup-plugin-scss examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github Pong420 / videojs-plus / rollup.config.js View on Github external
// Compile TypeScript files
      // Allow bundling cjs modules (unlike webpack, rollup doesn't understand cjs)
      commonjs(),
      // Allow node_modules resolution, so you can use 'external' to control
      // which external modules to include in the bundle
      // https://github.com/rollup/rollup-plugin-node-resolve#usage
      resolve(),
      babel({
        babelrc: true,
        exclude: 'node_modules/**',
        compact: false
      }),

      // Resolve source maps to the original source
      sourceMaps(),
      scss({
        output: styles => {
          if (styles && styles.length) {
            const cssOutput = css || output[0].file.replace(/\.(umd|es|iife).js/, '.css');
            mkdirp(cssOutput.replace(/[^\/]*$/, ''));
            fs.writeFileSync(cssOutput, styles);
          }
        }
      }),
      ...plugins
    ]
  };
}

rollup-plugin-scss

Rollup multiple .scss, .sass and .css imports

MIT
Latest version published 6 days ago

Package Health Score

80 / 100
Full package analysis

Popular rollup-plugin-scss functions