文章/答案/技术大牛

发布

社区首页 >问答首页 >顺风在Laravel中未导入

问顺风在Laravel中未导入
EN

Stack Overflow用户

提问于 2021-05-17 15:27:53

回答 1查看 109关注 0票数 0

我有一个Laravel项目，我正在尝试安装Tailwind。

我有一个tailwind.css文件：\resources\assets\stylesheets\tailwind.css

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

我导入了in:\resources\assets\stylesheets\index.css

@import "tailwind.css"

我的webpack.mix.js文件：

const mix = require('laravel-mix');
const tailwindcss = require('tailwindcss');

mix.js('resources/js/app.js', 'public/js')
  .sass('resources/sass/app.scss', 'public/css')
    .options({
      processCssUrls: false,
      postCss: [ tailwindcss('./tailwind.config.js') ],
    });

和tailwind.config.js：

module.exports = {
  purge: [],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [],
}

当我运行应用程序并检查生成的http://localhost/dist/css/app.css时，我看到以下内容：

/* Import Tailwind*/


@tailwind base;


@tailwind components;


@tailwind utilities

我已经通过npm安装了顺风，也可以在我的node_modules文件夹中找到顺风文件夹。

tailwind-css

laravel

回答 1

Stack Overflow用户

发布于 2021-05-17 19:04:47

您是否在app.scss文件中包含了index.css？

如果你所做的只是包含基本样式等等，那么你真的不需要把Tailwind放在sass解析器中。

假设您已经安装了Tailwind作为依赖项，您可以将Tailwind包含在您的项目中，如下所示：

const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js')
    .postCss('resources/assets/stylesheets/index.css', 'public/css', [
        require('tailwindcss'),
    ]);

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/67565556

复制

相似问题

问顺风在Laravel中未导入
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问顺风在Laravel中未导入EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问顺风在Laravel中未导入
EN