example(with-tailwindcss): Removed postcss rule in plugin webpack cha…

…in (umijs#280) * example: Added with-tailwindcss example * example(with-tailwindcss): Removed postcss rule in webpack chain * example(with-tailwindcss): Removed unused dependencies
xierenyuan · Jan 19, 2022 · 4140752 · 4140752
1 parent 30716c5
commit 4140752
Show file tree

Hide file tree

Showing 2 changed files with 0 additions and 19 deletions.
diff --git a/examples/with-tailwindcss/package.json b/examples/with-tailwindcss/package.json
@@ -5,8 +5,6 @@
     "start": "npm run dev"
   },
   "dependencies": {
-    "postcss-loader": "6.2.1",
-    "style-loader": "^3.3.1",
     "tailwindcss": "^3.0.15",
     "umi": "4.0.0-beta.16"
   }

diff --git a/examples/with-tailwindcss/plugin.ts b/examples/with-tailwindcss/plugin.ts
@@ -3,23 +3,6 @@ import path from 'path';
 import { IApi } from 'umi';
 
 export default (api: IApi) => {
-  /** 在 Webpack-chain 中加入 postcss 的规则，用于处理 tailwindcss 的样式 */
-  api.chainWebpack((memo) => {
-    memo.module
-      .rule('tailwind')
-      .test(/\.tacss$/)
-      .use('style')
-      .loader('style-loader')
-      .end()
-      .use('css')
-      .loader('css-loader')
-      .end()
-      .use('postcss')
-      .loader('postcss-loader')
-      .end();
-    return memo;
-  });
-
   /** 由于修改 .tsx 文件不会触发 css 文件的重新编译，
    * 在 onCheckCode 时对 tailwind.css 文件进行 touch，手动触发 JIT 重新编译 */
   api.onCheckCode(() => {