Allow boolean plugins support (#142)

vinkla · egoist · commit 57dac2414327 · 2019-01-23T02:23:32.000+08:00
Allow boolean plugins similar to how Rollup plugins work. In the Rollup plugins array you may write the following to only run a plugin for production usage: ```js plugins: [ (process.env.NODE_ENV === 'production' && terser()) ] ``` This pull request allow the same approach for PostCSS plugins: ```js plugins: [ (process.env.NODE_ENV === 'production' && cssnano()) ] ``` [Example of how Rollup has implemented this feature.](https://github.com/rollup/rollup/blob/f58d1e60a3da4b8470e5d56aa0caef2ecadec2b8/src/rollup/index.ts#L107)
diff --git a/src/index.js b/src/index.js
@@ -16,6 +16,7 @@ function inferOption(option, defaultValue) {
 
 export default (options = {}) => {
   const filter = createFilter(options.include, options.exclude)
+  const postcssPlugins = Array.isArray(options.plugins) ? options.plugins.filter(Boolean) : options.plugins
   const sourceMap = options.sourceMap
   const postcssLoaderOptions = {
     /** Inject CSS as `<style>` to `<head>` */
@@ -34,7 +35,7 @@ export default (options = {}) => {
     /** PostCSS options */
     postcss: {
       parser: options.parser,
-      plugins: options.plugins,
+      plugins: postcssPlugins,
       syntax: options.syntax,
       stringifier: options.stringifier,
       exec: options.exec
