🔥 purgecss 压缩 css

package.json

@@ -23,6 +23,7 @@
   },
   "dependencies": {
     "@babel/polyfill": "^7.8.7",
+    "@fullhuman/postcss-purgecss": "^2.1.0",
     "@nestjs/common": "^6.7.2",
     "@nestjs/core": "^6.7.2",
     "@nestjs/platform-express": "^6.7.2",

postcss.config.js

@@ -0,0 +1,20 @@
+const tailwindcss = require('tailwindcss');
+
+const purgecss = require('@fullhuman/postcss-purgecss')({
+  // Specify the paths to all of the template files in your project
+  content: [
+    './static/**/*.svelte',
+    './static/**/*.js',
+    './static/**/*.ts',
+    // etc.
+  ],
+
+  // Include any special characters you're using in this regular expression
+  defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || [],
+});
+module.exports = {
+  plugins: [
+    tailwindcss,
+    ...(process.env.NODE_ENV === 'development' ? [] : [purgecss]),
+  ],
+};

static/App.svelte

@@ -48,15 +48,6 @@
   }
 </script>
 
-<style>
-  .c-label {
-    @apply border m-1 rounded-md px-1 items-center h-6 text-sm;
-  }
-  .c-label-selected {
-    @apply bg-red-600 text-white;
-  }
-</style>
-
 {#each font_list as font, i}
   {@html "<style>"+font.css+'.'+font.name+"{font-family:"+font.family+"}</style>"}
 {/each}

static/app.css

@@ -0,0 +1,7 @@
+.c-label {
+    @apply border m-1 rounded-md px-1 items-center h-6 text-sm;
+}
+
+.c-label-selected {
+    @apply bg-red-600 text-white;
+}

static/index.js

@@ -1,6 +1,6 @@
 // import '@babel/polyfill';
 import App from './App.svelte';
-
+import "./app.css";
 new App({
   target: document.querySelector('.c-app'),
 });

static/postcss.config.js

@@ -1,5 +0,0 @@
-const tailwindcss = require("tailwindcss");
-
-module.exports = {
-  plugins: [tailwindcss],
-};

static/tailwind.config.js

@@ -1,19 +0,0 @@
-module.exports = {
-  theme: {
-    extend: {
-      textColor: {
-        "rgb-999": "#999",
-        "rgb-666": "#666",
-        "rgb-333": "#333",
-      },
-      backgroundColor: {
-        "rgb-F5": "#F5F5F5",
-      },
-      placeholderColor: {
-        "rgb-B3": "#B3B3B3",
-      },
-    },
-  },
-  variants: {},
-  plugins: [],
-};

tailwind.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  theme: {
+  },
+  variants: {},
+  plugins: [],
+};