postcss 相关问题

Tailwind UI 示例中嵌套括号和 & 符号的使用

有人可以帮忙翻译 Tailwind.css 中括号的用法吗？ 例1中：[&_*]是什么意思？ 例 2 中：嵌套括号与 _& 组合意味着什么？ 示例1： 文件。

意外的“/”。使用 \ 转义特殊字符可能会有所帮助 - Angular 12 构建/部署

我最近将我的代码库从 Angular 11 更新到了 12，之后我就无法部署我的代码。我可以运行 ng build 和 ngserve 并且它工作完美，但是，当我运行 ng build --prod 我...

tailwindcss 可与 App.js 配合使用，但不适用于任何组件

我遵循了此处显示的 tailwindcss 教程：https://tailwindcss.com/docs/installation 我使用：yarn createreact-app myapp 这是 App.js 中的代码，它从 src/

Tailwind 在使用 vite + React 时不刷新

我用vite + React + Typescript启动了一个项目并安装了tailwind。一切都很顺利，直到我在 /src 中创建了一个子文件夹并在子文件夹内的文件中添加了样式。那个...

使用 React 和 Vite 设置时，Tailwind CSS 不应用样式

我用 Vite 设置了一个 React 项目。我还成功安装了 TailwindCSS，终端中没有任何错误。我遵循了所有文档说明，但尝试使用来自...的 Tailwind 类

在 Svelte 中构建应用程序时 Vite PostCSS 模块错误

我在 Svelte 中遇到了这个奇怪的错误；每次我运行 npm run dev 时，都会出现此 vite 错误： [vite] 内部服务器错误：无法加载 PostCSS 配置（searchPath: /Users/Documents/Per...

找不到模块X [插件：vite：css] [postcss]

当我尝试简单地重新导出文件时，它显示此错误 // src/pages/login/page.tsx: 导出 const LoginPage = () => {...} // src/pages/index.ts: 从 './login/page' 导出 { LoginPage } //...

加载 PostCSS 插件失败：找不到模块“tailwindcss”

这是我的第一个 Tailwind CSS 项目，从 CDN 开始，但我并不总是有互联网，所以我尝试使用 PostCSS 安装它，并且我使用 Vite 作为我的服务器。 关注了来自

Tailwind - Laravel Mix - 找不到模块：错误：无法解析 scss 文件

我正在尝试将 Tailwind 安装到我的 Laravel 5.8 应用程序中并使用 Laravel Mix。我已经安装了 tailwind npm 包并生成了 tailwind 配置文件。 resources/sass/app.s 中存在一个文件...

postcss.config.js 不支持 MJS（ES 模块）？

我在 MJS （ES 模块）中有 webpack.config.js 并且我使用以下方式加载自定义 postcss 文件： { loader : 'postcss-loader', options : { postcssOptions : { config : './webpack/custom-postcss-config.js', col...

Laravel Mix：如何将 PostCss 任务与单独的 sass 任务连接起来？

我的第一个任务需要我的 SCSS 条目文件。 // 编译SCSS mix.sass('src/scss/main.scss', 'dist/css/sass-compiled.css'); 第二个将我的 PostCss 文件用于 TailwindCSS。 // 编译PostCSS mix.postCss(&

如何在Tailwind css @apply指令中使用sass插值？

我正在尝试在 tailwind apply 指令中使用 sass 插值（请参见下面的示例）。 根据 VSCode，下面的语法不正确（at-rule 或选择器预期scss(css-ruleorselectorexp...

自动前缀+样式组件（jsx）

我正在使用带有 vite 的组件。我想创建一个直接的大型装配体，但我有这样的问题。我不明白如何将 autoperixer 与 jsx 一起使用。 我真的不知道如何连接它。我有

autoprefixer：将颜色调整替换为打印颜色调整。颜色调整简写目前已被弃用

我安装了 autoprefixer 并收到此警告： npm install [email protected] --save-exact ./node_modules/bootstrap/dist/css/bootstrap.min.css 中的警告 (./node_modules/css-loader/dist/cjs.js??

使用@apply process时Tailwinds css错误

在此输入图像描述 大家好，我已经建立了一个简单的 Nextjs 项目，我尝试使用 @apply 处理器，它向我显示了上面的错误。 我的package.json { “名字”：“西蒙-...

类型错误：在以下位置找到无效的 PostCSS 插件：plugins[0]

我克隆了这个仓库 https://github.com/tailwindcss/setup-examples/tree/master/examples/nextjs 然后我更新了 tailwind.config.js 主题： { 延长： { 颜色： { 主要：“#730000...

用类样式覆盖数据属性样式

我目前正在使用本机 popover API 进行无头实现，以跨浏览器提供支持。我的例子是使用 Tailwind。 我遇到了一个有趣的 popo 问题...

Vite 不基于配置构建 tailwind

我使用yarn create @vitejs/app my-app --template react-ts创建了一个新的react-ts应用程序。 我使用yarn add --dev tailwindcss@latest postcss@latest autoprefixer@latest 安装了tailwind。 我初始化了

Svelte + Tailwind：“需要分号或块”

我有一个使用 Tailwind 的 Svelte 项目，在组件中使用此样式： 输入 { @应用块边框-黑色边框-2 mb-4 p-2 轮廓-无焦点：bo...</desc> <question vote="3"> <p>我有一个使用 Tailwind 的 Svelte 项目，在组件中使用此样式：</p> <pre><code>&lt;style global lang=&#34;postcss&#34;&gt; input { @apply block border-black border-2 mb-4 p-2 outline-none focus:border-blue-500; } &lt;/style&gt; </code></pre> <p>我收到的错误是由 <pre><code>focus:</code></pre> 类引起的：</p> <pre><code>Semicolon or block is expected </code></pre> <p>我的 postcss.config.cjs 文件：</p> <pre><code>import tailwind from &#39;tailwindcss&#39; import tailwindConfig from &#39;./tailwind.config.cjs&#39; import autoprefixer from &#39;autoprefixer&#39; export default { plugins: [tailwind(tailwindConfig), autoprefixer] } </code></pre> <p>tailwind.config.cjs：</p> <pre><code>/** @type {import(&#39;tailwindcss&#39;).Config} */ module.exports = { theme: { extend: {}, }, plugins: [], content: [&#34;./index.html&#34;, &#39;./src/**/*.{svelte,js,ts}&#39;], // for unused CSS variants: { extend: {}, }, darkMode: &#39;media&#39;, // or &#39;media&#39; or &#39;class&#39; } </code></pre> <p>vite.config.js：</p> <pre><code>import postcss from &#39;./postcss.config.cjs&#39; import { defineConfig } from &#39;vite&#39; import { svelte } from &#39;@sveltejs/vite-plugin-svelte&#39; // https://vitejs.dev/config/ export default defineConfig({ plugins: [svelte()], css: { postcss } }) </code></pre> </question> <answer tick="false" vote="0"> <p>这对我有用：</p> <pre><code>&#34;files.associations&#34;: {&#34;*.svelte&#34;: &#34;html&#34; } </code></pre> <p>我使用 sveltekit+postcss+tailwind 和 Cursor 作为 IDE（我确信它也可以在 vscode 中工作）。所有 <pre><code>&lt;style&gt;</code></pre> 使用 <pre><code>lang=&#34;postcss&#34;</code></pre>。</p> </answer> </body></html>

如何使用vite+react项目添加autoprefixer

嗨，我使用 npm create vite 创建了 React 应用程序，我尝试集成 autoprefixer 但它不起作用。 vite.config.js 从“vite”导入{defineConfig}； 从'@vitejs/plugin-re...导入反应