顺风css在部署时不工作

Question

我已经在我的next.js应用程序中安装了顺风，它在我的本地主机上工作但是，当我将它部署到vercel或构建它并运行它时，它不使用顺风类，看起来就像我部署时没有安装顺风。

这是我的包json

{
"name": "portofilo",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build && next export",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"bootstrap": "^5.1.0",
"eslint": "7.32.0",
"eslint-config-next": "11.1.0",
"next": "11.1.0",
"react": "17.0.2",
"react-dom": "17.0.2",
"react-icons": "^4.2.0",
"react-typed": "^1.2.0",
"react-vertical-timeline-component": "^3.3.3",
"styled-components": "^5.3.0",
"styled-normalize": "^8.0.7",
"postcss-import": "^14.0.2"
},
"devDependencies": {
"autoprefixer": "^10.3.1",
"postcss": "^8.3.6",
"postcss-import": "^14.0.2",
"tailwindcss": "^2.2.7"
}
}

btw我把devDependencies移到dependencies，但仍然不起作用

Answer 1

确保您的清除在tailwind.config.js文件中正确配置

应该是这样的:

purge: [ "./src/pages/**/*.{js,ts,jsx,tsx}", "./src/components/**/*.{js,ts,jsx,tsx}", ],

Answer 2

我刚刚将这行代码添加到我的顺风配置文件中，它工作了!

启用:process.env。NODE_ENV === "production"，