This repository was archived by the owner on Aug 5, 2025. It is now read-only.

Commit 260ccbc

committed

fix(webpack5-react): update tailwind config

1 parent 89361b0 commit 260ccbcCopy full SHA for 260ccbc

File tree

+18

-2

lines changed

+18

-2

lines changed

Lines changed: 2 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@alicloud/console-toolkit-plugin-webpack5-react",`
`3`		`- "version": "1.4.2",`
	`3`	`+ "version": "1.4.3",`
`4`	`4`	`"description": "console toolkit plugin for base react app",`
`5`	`5`	`"main": "lib/index.js",`
`6`	`6`	`"scripts": {`
`@@ -64,6 +64,7 @@`
`64`	`64`	`"semver": "^7.3.2",`
`65`	`65`	`"simple-progress-webpack-plugin": "^1.1.2",`
`66`	`66`	`"style-loader": "^3.0.0",`
	`67`	`+ "tailwindcss": "^3.4.4",`
`67`	`68`	`"terser-webpack-plugin": "^5.3.6",`
`68`	`69`	`"thread-loader": "^3.0.0",`
`69`	`70`	`"url-loader": "^4.1.0",`

Lines changed: 4 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -36,6 +36,7 @@ interface BreezrReactOptions {`
`36`	`36`	`postCssPlugins?: any[];`
`37`	`37`	`disableImportXConsoleCSS?: boolean;`
`38`	`38`	`useSass?: boolean;`
	`39`	`+ tailwindcss?: any;`
`39`	`40`
`40`	`41`	`// babel-loader 配置`
`41`	`42`	`babel?: Function;`
`@@ -163,6 +164,9 @@ interface BreezrStyleOptions extends Pick<BreezrReactOptions, 'appId' \| 'console`
`163`	`164`	`condition?: CssConditionType;`
`164`	`165`	`postCssPlugins?: any[];`
`165`	`166`	`useSass?: boolean;`
	`167`	`+ tailwindcss?: {`
	`168`	`+ config?: string;`
	`169`	`+ };`
`166`	`170`	`}`
`167`	`171`
`168`	`172`	`interface ThemeDef {`

Lines changed: 3 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -92,6 +92,7 @@ export const common = (config: Chain, options: BreezrReactOptions = defaultOptio`
`92`	`92`	`appId,`
`93`	`93`	`mf,`
`94`	`94`	`useSass,`
	`95`	`+ tailwindcss,`
`95`	`96`	`} = options;`
`96`	`97`
`97`	`98`	`if (!cwd) {`
`@@ -178,7 +179,8 @@ export const common = (config: Chain, options: BreezrReactOptions = defaultOptio`
`178`	`179`	`consoleOS,`
`179`	`180`	`disableConsoleOS,`
`180`	`181`	`appId,`
`181`		`- useSass`
	`182`	`+ useSass,`
	`183`	`+ tailwindcss,`
`182`	`184`	`});`
`183`	`185`
`184`	`186`	`file(config, options);`

Lines changed: 9 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`	`1`	`import * as path from 'path';`
`2`	`2`	`import * as autoprefixer from 'autoprefixer';`
	`3`	`+import * as tailwindcss from 'tailwindcss';`
`3`	`4`	`import * as Chain from '@gem-mine/webpack-chain';`
`4`	`5`	`import * as webpack from 'webpack';`
`5`	`6`
`@@ -19,6 +20,7 @@ function applyCssLoaders(rule: Chain.Rule, options: BreezrStyleOptions) {`
`19`	`20`	`hashPrefix = '',`
`20`	`21`	`disableAutoPrefixer = false,`
`21`	`22`	`postCssPlugins = [],`
	`23`	`+ tailwindcss: tailwindcssConfig = {},`
`22`	`24`	`} = options;`
`23`	`25`
`24`	`26`	`// extract-text-webpack-plugin 在 webpack 4 中用作提取 css 的时候存在问题`
`@@ -80,6 +82,13 @@ function applyCssLoaders(rule: Chain.Rule, options: BreezrStyleOptions) {`
`80`	`82`	`}))`
`81`	`83`	`}`
`82`	`84`
	`85`	`+ // add tailwindcss plugin`
	`86`	`+ if (tailwindcssConfig.config) {`
	`87`	`+ postCssPlugins.unshift(tailwindcss({`
	`88`	`+ config: tailwindcssConfig.config,`
	`89`	`+ }));`
	`90`	`+ }`
	`91`	`+`
`83`	`92`	`rule`
`84`	`93`	`.use('postcss-loader')`
`85`	`94`	`.loader(require.resolve('postcss-loader'))`

Comments

(0)