當我向HTML中添加一個新類時,我需要在tailwind.config.js文件中進行更改并保存它。當我從HTML中移除一個類時,情況也是如此;output.css文件中對應的樣式可能無法移除,所以我不得不在tailwind.config.js文件中再次保存更改。
package.json文件:
{
"name": "vue-js",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"tailwindcss": "^3.3.2"
}
}
tailwind.config.js文件:
{
"name": "vue-js",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"tailwindcss": "^3.3.2"
}
}
我應該運行npm run build或dev或npx tailwindcss-I ./src/input . CSS-o ./dist/output.css-watch一次,并且每次我保存html文件時,tailwind應該將我的新類添加到output . CSS中。 但是不管用。我已經按照Tailwind CSS官方網站上的文檔做了,也在VS代碼中安裝了Live Preview、Live Server、Tailwind Intellisense等擴展,但是還是不行。請大家幫幫我,我想學Tailwind CSS,但是因為這個很沮喪。
我試過觀看YouTube頻道“Web Programming UNPAS ”,并按照確切的步驟操作,但它仍然保持不變。
您的順風配置不正確,似乎與package.json中的內容重復。相反,請考慮閱讀有關順風配置文件的正確格式的文檔。