feat(tailwind): add simple purge option

* copy webpack.config.file with options

.gitignore

@@ -2,7 +2,7 @@
 src/**/*.js
 src/**/*.js.map
 src/**/*.d.ts
-!src/**/templates/**/*.js
+!src/**/files/**/*.js
 
 # IDEs
 .idea/

angular-workspace/tailwind.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  purge: ['src/app/**/*.html'],
+  purge: ['./src/**/*.{html,ts}'],
   darkMode: false, // or 'media' or 'class'
   theme: {
     extend: {},

src/ng-add/files/tailwind.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+  purge: ['./src/**/*.{html,ts}'],
+  darkMode: false, // or 'media' or 'class'
+  theme: {
+    extend: {},
+  },
+  variants: {
+    extend: {},
+  },
+  plugins: [],
+};

src/ng-add/templates/webpack/css/webpack.config.js → src/ng-add/files/webpack.config.js

@@ -2,12 +2,12 @@ module.exports = {
   module: {
     rules: [
       {
-        test: /\.css$/,
+        test: /\.<%= cssFormat %>$/,
         loader: 'postcss-loader',
         options: {
           postcssOptions: {
             ident: 'postcss',
-            syntax: 'postcss',
+            syntax: 'postcss<%if (cssFormat === 'scss') { %>-scss<% } %>',
             plugins: [
               require('postcss-import'),
               require('tailwindcss'),

src/ng-add/index.ts

@@ -1,3 +1,4 @@
+import { strings } from '@angular-devkit/core';
 import {
   Rule,
   SchematicContext,
@@ -7,17 +8,15 @@ import {
   url,
   apply,
   mergeWith,
+  template,
 } from '@angular-devkit/schematics';
 import { Schema } from './schema';
 import {
   getProjectFromWorkspace,
   getProjectStyleFile,
   getTargetsByBuilderName,
 } from '@angular/cdk/schematics';
-import {
-  NodePackageInstallTask,
-  RunSchematicTask,
-} from '@angular-devkit/schematics/tasks';
+import { NodePackageInstallTask } from '@angular-devkit/schematics/tasks';
 import {
   addPackageJsonDependency,
   NodeDependencyType,
@@ -56,10 +55,9 @@ export function ngAdd(_options: Schema): Rule {
       addDependencies(_options),
       addNpmScripts(_options),
       updateStyles(_options),
-      addWebpackConfig(_options),
+      generateConfigs(_options),
       updateAngularJSON(_options),
       install(),
-      tailwindInit(_options),
     ]);
   };
 }
@@ -140,22 +138,17 @@ function getTailwindImports(): string {
 @import 'tailwindcss/utilities';\n`;
 }
 
-function tailwindInit(_options: Schema): Rule {
-  return (_tree: Tree, context: SchematicContext) => {
-    if (!_options.skipTailwindInit) {
-      const packageInstall = context.addTask(new NodePackageInstallTask());
-      context.addTask(new RunSchematicTask('tailwind-init', {}), [
-        packageInstall,
-      ]);
-    }
-    return _tree;
-  };
-}
-
-function addWebpackConfig(options: Schema): Rule {
+/**
+ * Generate webpack and tailwind config.
+ *
+ * @param options
+ */
+function generateConfigs(options: Schema): Rule {
   return async (_host: Tree) => {
-    const sourceTemplates = url(`./templates/webpack/${options.cssFormat}`);
-    const sourceParametrizedTemplates = apply(sourceTemplates, []);
+    const sourceTemplates = url(`./files`);
+    const sourceParametrizedTemplates = apply(sourceTemplates, [
+      template({ ...options, ...strings }),
+    ]);
     return mergeWith(sourceParametrizedTemplates);
   };
 }