Build 我用顺风做的CSS不';我无法使用gridsome for netlify进行构建
当我构建(netflify构建)我的Gridsome个人网站时,tailwind CSS类不起作用,网站看起来就像没有CSS一样 我已经尝试在没有git的情况下构建,重新安装tailwind 如果出现问题,我将显示我的gridsome配置: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
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')