Merge pull request #581 from tailwindcss/custom-modules-all

Allow modules: [...variants] syntax to bulk apply variants

__tests__/mergeConfigWithDefaults.test.js

@@ -80,6 +80,33 @@ test('setting modules to "all" creates all variants for all modules', () => {
   })
 })
 
+test('setting modules to an array of variants applies those variants to all modules', () => {
+  const userConfig = {
+    modules: ['responsive', 'focus', 'hover', 'custom-variant'],
+    options: {},
+  }
+
+  const defaultConfig = {
+    modules: {
+      flexbox: ['responsive'],
+      textAlign: ['hover'],
+      textColors: ['focus'],
+    },
+    options: {},
+  }
+
+  const result = mergeConfigWithDefaults(userConfig, defaultConfig)
+
+  expect(result).toEqual({
+    modules: {
+      flexbox: ['responsive', 'focus', 'hover', 'custom-variant'],
+      textAlign: ['responsive', 'focus', 'hover', 'custom-variant'],
+      textColors: ['responsive', 'focus', 'hover', 'custom-variant'],
+    },
+    options: {},
+  })
+})
+
 test('user options are merged with default options', () => {
   const userConfig = {
     modules: {},

src/util/mergeConfigWithDefaults.js

@@ -1,6 +1,10 @@
 import _ from 'lodash'
 
 function mergeModules(userModules, defaultModules) {
+  if (_.isArray(userModules)) {
+    return _.mapValues(defaultModules, () => userModules)
+  }
+
   if (userModules === 'all') {
     return _.mapValues(defaultModules, () => [
       'responsive',