Merge pull request #650 from tailwindcss/preflight-plugin

Convert preflight to plugin

Author: adamwathan

__tests__/fixtures/tailwind-input.css

@@ -1,4 +1,4 @@
-@tailwind preflight;
+@tailwind base;
 
 @tailwind components;
 

package.json

@@ -18,7 +18,7 @@
   ],
   "scripts": {
     "prebabelify": "rimraf lib",
-    "babelify": "babel src --out-dir lib",
+    "babelify": "babel src --out-dir lib --copy-files",
     "prepare": "npm run babelify && babel-node src/build.js",
     "style": "eslint .",
     "test": "jest && eslint ."

plugins/preflight.js

@@ -0,0 +1 @@
+module.exports = require('../lib/plugins/preflight').default

preflight.css

@@ -1 +1 @@
-@tailwind preflight;
+@tailwind base;

src/corePlugins.js

@@ -1,3 +1,4 @@
+import preflight from './plugins/preflight'
 import lists from './plugins/lists'
 import appearance from './plugins/appearance'
 import backgroundAttachment from './plugins/backgroundAttachment'
@@ -68,6 +69,7 @@ function loadPlugins({ theme, variants, corePlugins }, plugins) {
 
 export default function(config) {
   return loadPlugins(config, {
+    preflight,
     lists,
     appearance,
     backgroundAttachment,

src/lib/substituteTailwindAtRules.js

@@ -1,4 +1,3 @@
-import fs from 'fs'
 import _ from 'lodash'
 import postcss from 'postcss'
 
@@ -14,15 +13,6 @@ export default function(
 ) {
   return function(css) {
     css.walkAtRules('tailwind', atRule => {
-      if (atRule.params === 'preflight') {
-        const preflightTree = postcss.parse(
-          fs.readFileSync(`${__dirname}/../../css/preflight.css`, 'utf8')
-        )
-
-        atRule.before(updateSource(preflightTree, atRule.source))
-        atRule.remove()
-      }
-
       if (atRule.params === 'base') {
         atRule.before(updateSource(pluginBase, atRule.source))
         atRule.remove()

css/preflight.css renamed to src/plugins/css/preflight.css

@@ -0,0 +1,9 @@
+import fs from 'fs'
+import postcss from 'postcss'
+
+export default function() {
+  return function({ addBase }) {
+    const preflightStyles = postcss.parse(fs.readFileSync(`${__dirname}/css/preflight.css`, 'utf8'))
+    addBase(preflightStyles.nodes)
+  }
+}

src/plugins/preflight.js

@@ -1,4 +1,4 @@
-@tailwind preflight;
+@tailwind base;
 
 @tailwind components;