Build 我用顺风做的CSS不';我无法使用gridsome for netlify进行构建

Build 我用顺风做的CSS不';我无法使用gridsome for netlify进行构建,build,netlify,tailwind-css,gridsome,Build,Netlify,Tailwind Css,Gridsome,当我构建(netflify构建)我的Gridsome个人网站时,tailwind CSS类不起作用,网站看起来就像没有CSS一样 我已经尝试在没有git的情况下构建,重新安装tailwind 如果出现问题,我将显示我的gridsome配置: const tailwind = require('tailwindcss'); const purgecss = require('@fullhuman/postcss-purgecss'); const postcssPlugins = [ tai

当我构建(netflify构建)我的Gridsome个人网站时,tailwind CSS类不起作用,网站看起来就像没有CSS一样

我已经尝试在没有git的情况下构建,重新安装tailwind

如果出现问题,我将显示我的gridsome配置:

const tailwind = require('tailwindcss');
const purgecss = require('@fullhuman/postcss-purgecss');

const postcssPlugins = [
  tailwind(),
]

if (process.env.NODE_ENV === 'production') postcssPlugins.push(purgecss());

module.exports = {
  siteName: 'Zolder | Works',
  plugins: [],
  css: {
    loaderOptions: {
      postcss: {
        plugins: postcssPlugins,
      },
    },
  },
}

您可以通过以下步骤将Tailwind添加到Gridsome项目:

  • 编辑
    gridsome.config.js
module.exports={
网站名称:“佐尔德”,
插件:[],
链接网页包:配置=>{
config.module
.rule(“postsss加载程序”)
.test(/.css$/)
.使用([“tailwindcss”,“autoprefixer”])
.加载器(“邮政编码加载器”);
}
};
  • /src/styles

    @tailwind base;
    
    @tailwind components;
    
    @tailwind utilities;
    
  • main.js

    import./styles/global.css'


    • 我也有这个问题。我在Gridsome中使用了Tailwind插件,它在本地工作,但在部署到Netlify时,没有添加Tailwind css

      引用此启动程序文件:


      我将
      main.css
      和所有的Tailwind imports文件添加到默认布局模板的末尾,这对我很有用

      可能需要顺风吗?const tailwind=require('tailwindcss')