小编nbt*_*ech的帖子

使用 postcss-import 将 tailwindcss v1 添加到基本的 react-static 站点

我正在尝试为包含 tailwindcss v1 和 postcss-import 的 react-static 站点设置启动器。我无法通过构建或启动进程来解析 @import "tailwindcss/xxx" 指令。我用 tailwindcss v0.7.4 得到相同的结果

这就是我所做的......

  1. react-static create选择basic选项
  2. yarn add tailwindcss@next
  3. yarn add postcss-import
  4. yarn tailwind init
  5. 添加 postcss.config.js
  6. src/app.css用 3 个@import语句替换了内容

我尝试了许多选项,例如从其他现有项目开始,更改@import参数。例如"../tailwindcss"src/tailwindcss"../src/tailwindcss

基本上我没有做任何改变错误,只是无法解析的文件名。

但是,还有 2 个可能相关的额外观察结果。首先,安装 tailwind 并npx tailwind build src/styles.css -o src/app.cssstyles.css.

其次, postcss-import 根本没有发生 - 改变它对结果没有影响。

// tailwind.config.js
module.exports = {
  theme: {},
  variants: {},
  plugins: []
}
Run Code Online (Sandbox Code Playgroud)
// postcss.config.js …
Run Code Online (Sandbox Code Playgroud)

postcss-import tailwind-css react-static

5
推荐指数
1
解决办法
1498
查看次数