Tailwind Setup: Use fully specified paths

Fixes #1643

packages/cli/src/commands/setup/tailwind/tailwind.js

@@ -128,36 +128,56 @@ export const handler = async ({ force }) => {
     {
       title: 'Initializing Tailwind CSS...',
       task: async () => {
+        console.log('cwd', process.cwd());
+        console.log('__dirname', __dirname);
+        // Depending on where the users stands when setting up tailwind the
+        // config file can end up in two different places: BASE_DIR or
+        // BASE_DIR/web.
+        const tailwindConfigPathWeb = path.join(
+          getPaths().web.base,
+          'tailwind.config.js'
+        )
+        const tailwindConfigPathBase = path.join(
+          getPaths().base,
+          'tailwind.config.js'
+        )
+        const configExists = fs.existsSync(tailwindConfigPathWeb)
+
         /**
          * If it doesn't already exist,
          * initialize tailwind and move tailwind.config.js to web/
          */
-        const configExists = fs.existsSync(
-          path.join(getPaths().web.base, 'tailwind.config.js')
-        )
-
         if (!force && configExists) {
           throw new Error(
             'Tailwindcss config already exists.\nUse --force to override existing config.'
           )
         } else {
           await execa('yarn', ['tailwindcss', 'init'])
 
+          const generatedTailwindConfigPath = fs.existsSync(
+            tailwindConfigPathBase
+          )
+            ? tailwindConfigPathBase
+            : tailwindConfigPathWeb
+
           // opt-in to upcoming changes
-          const config = fs.readFileSync('tailwind.config.js', 'utf-8')
+          const config = fs.readFileSync(generatedTailwindConfigPath, 'utf-8')
 
           const uncommentFlags = (str) =>
             str.replace(/\/{2} ([\w-]+: true)/g, '$1')
 
           const newConfig = config.replace(/future.*purge/s, uncommentFlags)
 
-          fs.writeFileSync('tailwind.config.js', newConfig)
+          fs.writeFileSync(generatedTailwindConfigPath, newConfig)
 
           /**
            * Later, when we can tell the vscode extension where to look for the config,
            * we can put it in web/config/
            */
-          fs.renameSync('tailwind.config.js', 'web/tailwind.config.js')
+          fs.renameSync(
+            generatedTailwindConfigPath,
+            tailwindConfigPathWeb
+          )
         }
       },
     },