build: fix rollup config

didi · Mar 8, 2019 · 1c8949f · 1c8949f
1 parent cf6f477
commit 1c8949f
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 9 deletions.
diff --git a/build/rollup/build-component.rollup.js b/build/rollup/build-component.rollup.js
@@ -42,7 +42,10 @@ function compileVueStylus (content, cb, compiler, filePath) {
       if (err) {
         throw err
       }
-      const {plugins} = await findPostcssConfig()
+      const {plugins} = await findPostcssConfig({
+        env: process.env.NODE_ENV
+      })
+
       postcss(plugins)
         .process(css, {
           from: undefined
@@ -197,4 +200,4 @@ function main() {
     })
 }
 
-main()
+main()
diff --git a/build/rollup/rollup-plugin-config.js b/build/rollup/rollup-plugin-config.js
@@ -62,7 +62,9 @@ async function vueWarpper() {
   const {
     options,
     plugins,
-  } = await findPostcssConfig({})
+  } = await findPostcssConfig({
+    env: process.env.NODE_ENV
+  })
   return [
     css({
       output: path.resolve(distDir, fileName)

diff --git a/build/rollup/rollup-plugin-example-config.js b/build/rollup/rollup-plugin-example-config.js
@@ -1,5 +1,6 @@
 
 const path = require('path')
+const fs = require('fs')
 const aliasPlugin = require('rollup-plugin-alias')
 const replacePlugin = require('rollup-plugin-replace')
 const jsonPlugin = require('rollup-plugin-json')
@@ -36,10 +37,17 @@ async function vueWarpper() {
   const {
     options,
     plugins,
-  } = await findPostcssConfig({})
+  } = await findPostcssConfig({
+    env: process.env.NODE_ENV
+  })
+
   return [
     css({
-      output: path.resolve(distDir, fileName)
+      output(styles) {
+        setTimeout(function () {
+          fs.writeFileSync(path.resolve(distDir, fileName), styles)
+        }, 0)
+      }
     }),
     vuePlugin({
       css: false,

diff --git a/postcss.config.js b/postcss.config.js
@@ -1,9 +1,8 @@
 
 // https://github.com/michael-ciniawsky/postcss-load-config
 const browserslist = require('./package.json').browserslist
-module.exports = () => ({
-  plugins: {
-    'postcss-pxtorem': process.env.NODE_ENV !== 'production' ? { rootValue: 100, minPixelValue: 2, propWhiteList: [] } : false,
+module.exports = () => {
+  const plugins = {
     'postcss-url': {url: 'inline'},
     'cssnano': {
       preset: ['default', {
@@ -16,4 +15,12 @@ module.exports = () => ({
     },
     'autoprefixer': { browsers: browserslist }
   }
-})
+
+  if (process.env.NODE_ENV !== 'production' || process.env.BUILD_TYPE === 'example') {
+    plugins['postcss-pxtorem'] = { rootValue: 100, minPixelValue: 2, propWhiteList: [] }
+  }
+
+  return {
+    plugins
+  }
+}