本文主要是介绍nuxt3使用记录六：禁用莫名其妙的Tailwind CSS(html文件大大减小)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
发现这个问题是因为，今天我突然很好奇，我发现之前构建的自动产生的200.html和404.html足足290k，怎么这么大呢？不是很占用我带宽？
一个啥东西都没有的静态页面，凭啥这么大！所以我就想着手动把他改了，随便返回个page not found就行了
于是我就用编辑器打开这个文件，就好奇是啥玩意这么大，此时看到很奇怪的一个style引用：
我也没引用这玩意呀，怎么打包个页面，还把开源协议MIT License都给带上，嫌我文件不够大吗？
我全局搜索我的项目，都没有引用这玩意！
于是我就试着把它删掉（删掉后页面直接从290k减到2k，我已经怀疑他把整个css给打包进来了！否则怎么连开源协议都有），看看对页面有啥影响，结果，毫无影响！
然后我检查每个html文件，结果每个文件都有它！
然后我记得在官网看过它，去搜索，果然，这些nuxt自带的一个样式，不过没说为啥要引用他。
然后摸索中，我发现每次运行项目时，都会提示：
Using default Tailwind CSS file nuxt:tailwindcss 20:17:10➜ DevTools: press Shift + Alt + D in the browser (v1.1.5) ℹ Tailwind Viewer: http://localhost:10000/_tailwind/
平时没注意看，这时候看，猜测是nuxt的默认配置就会加载这玩意，关键我想不明白一个css，为啥要默认加载呢？我的整个页面都没依赖它的样式呀！
然后去nuxt官网和Tailwind CSS的官网里找关掉它的方法，几经尝试，终于找到：
export default defineNuxtConfig({tailwindcss: {cssPath: false,},.......
})
这样打包之后就没玩意了，测试发现对项目没啥影响。
此时再运行项目，它的提示是：
No Tailwind CSS file found. Skipping... nuxt:tailwindcss 20:25:44➜ DevTools: press Shift + Alt + D in the browser (v1.1.5) ℹ Tailwind Viewer: http://localhost:10000/_tailwind/
看到是跳过了这玩意，所以nuxt3这玩意，还有很多可以琢磨的地方，50k star的成熟项目也有不成熟的地方嘛
其实我发现打包文件里还有冗余，比如图片中tailwindcss v3.4.3下面那个style，也不是我写的，我试着删掉，发现对项目也没影响，而且也是每个html文件都有。但是还不知道怎么去掉它。继续琢磨
这篇关于nuxt3使用记录六：禁用莫名其妙的Tailwind CSS(html文件大大减小)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
