feat: testing postcss & css module integration in rollup build

bloombergindustry · Dec 13, 2018 · 0dec7b6 · 0dec7b6
1 parent bc1bcd6
commit 0dec7b6
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -82,6 +82,7 @@
  "rollup-plugin-filesize": "1.5.0",
  "rollup-plugin-json": "2.3.0",
  "rollup-plugin-node-resolve": "3.3.0",
+ "rollup-plugin-postcss": "1.6.3",
  "rollup-plugin-replace": "2.0.0",
  "rollup-plugin-scss": "0.4.0",
  "rollup-plugin-typescript2": "0.12.0",

diff --git a/rollup.config.js b/rollup.config.js
@@ -16,6 +16,7 @@ const scssImporter = require('./config/scss-importer').default
 
 import pack from "./package.json"
 import postcss from "postcss"
+import rollupPostcss from 'rollup-plugin-postcss'
 import autoprefixer from 'autoprefixer'
 
 const fs = require('fs')
@@ -71,11 +72,19 @@ function genConfig(name) {
  input: opts.entry,
  external: externals(),
  plugins: [
+ // rollupPostcss({
+ // modules: true
+ // }),
  aliasTransform(aliasConfig),
  commonjs(),
  vue({
  compileTemplate: true,
- css: false,
+ css: true,
+ style:{
+ postcssPlugins:[
+ rollupPostcss([autoprefixer])
+ ]
+ },
  typescript: {
  compilerOptions: {
  importHelpers: true,