Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

mako 结合 tailwindcss 使用时无法识别配置的路径 #1423

Closed
dongjb opened this issue Jul 18, 2024 · 8 comments
Closed

mako 结合 tailwindcss 使用时无法识别配置的路径 #1423

dongjb opened this issue Jul 18, 2024 · 8 comments

Comments

@dongjb
Copy link

dongjb commented Jul 18, 2024

现象说明

  1. 我在.env文件中配置了环境变化,用来设置 publicPath
    CleanShot 2024-07-18 at 10 56 23@2x

  2. 我在tailwind.config.js中使用了这个环境变量 process.env.PUBLIC_PATH用来设置背景图路径,并且我确保我的 public 目录下是有这两个文件的
    CleanShot 2024-07-18 at 10 58 05@2x

结果展示

在启动时报错无法解决图片路径

CleanShot 2024-07-18 at 11 00 10@2x

期望结果

期望无报错,能正确识别路径

@yurnery
Copy link

yurnery commented Jul 18, 2024

tailwind还需要什么配置吗? 我从 umi 直接切过来, 原来的extraPostCSSPlugins不支持, 不知道怎么弄了

@dongjb
Copy link
Author

dongjb commented Jul 18, 2024

tailwind还需要什么配置吗? 我从 umi 直接切过来, 原来的extraPostCSSPlugins不支持, 不知道怎么弄了

我这里没有配置啥 tailwind,我只是用来继承增加主题配置

@sorrycc
Copy link
Member

sorrycc commented Jul 18, 2024

@dongjb 给个最简复现?

@dongjb
Copy link
Author

dongjb commented Jul 18, 2024

@dongjb 给个最简复现?

npx create-umi@latest
? Pick Umi App Template › - Use arrow-keys. Return to submit.
    Simple App
❯   Ant Design Pro
    Vue Simple App

max g tailwindcss

module.exports = {
  content: [
    './src/pages/**/*.tsx',
    './src/components/**/*.tsx',
    './src/layouts/**/*.tsx',
    './src/loading.tsx',
  ],
  corePlugins: {
    preflight: false,
  },
  theme: {
    extend: {
      backgroundImage: {
        'license-bg': `url('/business-license.webp')`,
      },
    },
  },
};

在 public 目录添加business-license.webp图片,能稳定复现这个错误,不过它只是提示错误,并不影响最终呈现效果
CleanShot 2024-07-18 at 14 41 22@2x

@stormslowly
Copy link
Member

duplicated #1382

@Nice-PLQ
Copy link

Nice-PLQ commented Sep 3, 2024

tailwind还需要什么配置吗? 我从 umi 直接切过来, 原来的extraPostCSSPlugins不支持, 不知道怎么弄了

同样遇到这个问题,mako不支持postcss的话,umi4如何支持tailwind呢?

@HuemengHm
Copy link

tailwind还需要什么配置吗? 我从 umi 直接切过来, 原来的extraPostCSSPlugins不支持, 不知道怎么弄了

同样遇到这个问题,mako不支持postcss的话,umi4如何支持tailwind呢?

+1 问下

@wolmhp
Copy link

wolmhp commented Dec 30, 2024

tailwind还需要什么配置吗? 我从 umi 直接切过来, 原来的extraPostCSSPlugins不支持, 不知道怎么弄了

同样遇到这个问题,mako不支持postcss的话,umi4如何支持tailwind呢?

+1 同问

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

7 participants