Ejemplos de rollup-plugin-css-only en JavaScript

Ejemplo n.º 1

Archivo: utils.js Proyecto: acupajoe/sweetalert2

const packageRollup = (options) => {
  const moduleId = classify(pack.name)
  return rollup({
    input: options.entry || 'src/sweetalert2.js',
    plugins: [
      css({ output: false }),
      babel({
        exclude: 'node_modules/**'
      })
    ]
  })
  .then((bundle) => {
    return bundle.generate({
      format: options.format,
      banner: banner,
      name: classify(pack.name),
      footer: `if (typeof window !== 'undefined' && window.${moduleId}) window.sweetAlert = window.swal = window.${moduleId};`
    })
    .then((result) => {
      var code = result.code.replace(
        /(sweetAlert.*?).version = ''/,
        `$1.version = '${pack.version}'`
      )
      if (options.minify) {
        code = uglify.minify(code).code
      }
      return write(options.dest, code)
    })
  })
}

Ejemplo n.º 2

Archivo: rollup-plugin-example-config.js Proyecto: lqy810902/mand-mobile

async function vueWarpper() {
  const distDir = EXAMPLE_OUTPUT_DIR
  const fileName = 'mand-mobile-example.css'
  const {
    options,
    plugins,
  } = await findPostcssConfig({
    env: process.env.NODE_ENV
  })

  return [
    css({
      output(styles) {
        setTimeout(function () {
          fs.writeFileSync(path.resolve(distDir, fileName), styles)
        }, 0)
      }
    }),
    vuePlugin({
      css: false,
      style: {
        postcssOptions: options,
        postcssPlugins: plugins,
        preprocessOptions: {
          stylus: {
            use: [stylusMixin, styl => {
              styl.define('url', stylus.url())
            }],
          },
        }
      }
    })
  ]
}

Ejemplo n.º 3

Archivo: rollup.config.js Proyecto: lian-yue/vue-upload-component

  }),
  babel(),
  uglify({
    output: {
      comments: /^!/,
    }
  })
)


let configPart = baseConfig()
configPart.input = 'src/index.js'
configPart.output.file = 'dist/vue-upload-component.part.js'
configPart.output.name = 'VueUploadComponent'
configPart.plugins.push(
  pluginCSS(),
  vue({
    style: {
      trim: true,
    },
    template: {
      isProduction: true,
    },
    css: false,
  }),
  babel()
)


module.exports = [
  config,

Ejemplo n.º 4

Archivo: rollup.config.js Proyecto: jordwest/news-feed-eradicator

import css from 'rollup-plugin-css-only';
import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import replace from 'rollup-plugin-replace';

const eradicate = {
	input: 'src/eradicate.ts',
	output: {
		file: 'build/eradicate.js',
		format: 'iife',
	},
	plugins: [
		resolve(),
		commonjs(),
		typescript(),
		css({ output: 'build/eradicate.css' }),
		replace({
			'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
		}),
	],
};

const intercept = {
	input: 'src/intercept.ts',
	output: {
		file: 'build/intercept.js',
		format: 'iife',
	},
	plugins: [typescript()],
};

Ejemplo n.º 5

Archivo: rollup.config.js Proyecto: chad-ramos/EventDrops

import resolve from 'rollup-plugin-node-resolve';
import babel from 'rollup-plugin-babel';
import commonjs from 'rollup-plugin-commonjs';
import css from 'rollup-plugin-css-only';
import uglify from 'rollup-plugin-uglify';
import json from 'rollup-plugin-json';

export default {
    entry: 'src/index.js',
    format: 'umd',
    moduleName: 'eventDrops',
    plugins: [
        json(),
        css({ output: 'dist/style.css' }),
        resolve({
            customResolveOptions: {
                moduleDirectory: 'node_modules',
            },
        }),
        babel({
            exclude: 'node_modules/**',
        }),
        commonjs({
            include: 'node_modules/**',
        }),
        uglify(),
    ],
    external: ['d3'],
    dest: 'dist/index.js',
    sourceMap: true,
};

Ejemplo n.º 6

Archivo: app.config.js Proyecto: liamnewmarch/fiddle

import commonjs from 'rollup-plugin-commonjs';
import css from 'rollup-plugin-css-only';
import replace from 'rollup-plugin-replace';
import resolve from 'rollup-plugin-node-resolve';
import { terser } from 'rollup-plugin-terser';
import vue from 'rollup-plugin-vue';

const plugins = [
  commonjs(),
  css(),
  vue({
    css: false,
  }),
  replace({
    'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
    'process.env.VUE_ENV': '"browser"',
  }),
  resolve({
    extensions: ['.js', '.vue'],
  }),
];

if (process.env.NODE_ENV === 'production') {
  plugins.push(terser());
}

export default {
  input: 'src/app.js',
  output: {
    file: 'public/bundle.js',
    format: 'iife',