如何在 Webpack 打包的项目中使用 Tailwind CSS ?
在上一篇中,我们介绍了如何在使用 Gulp 打包的项目中引入 Tailwind CSS ,以及在何种场景下使用预编译的 Tailwind CSS 库 。在本篇中,我们来一起看一下如何在使用 Webpack 打包的项目中引入 Tailwind CSS 。
详情在上一篇中,我们介绍了如何在使用 Gulp 打包的项目中引入 Tailwind CSS ,以及在何种场景下使用预编译的 Tailwind CSS 库 。在本篇中,我们来一起看一下如何在使用 Webpack 打包的项目中引入 Tailwind CSS 。
详情在之前的内容中,我们通过对比现有技术介绍过 Tailwind CSS 这种新兴的 CSS 框架。在本篇中,我们将介绍以及如何在使用 Gulp 打包的项目中引入 Tailwind CSS ,顺便介绍一下如何使用预编译的 Tailwind CSS 库。
详情近来,一种叫做 Tailwind 的 CSS 框架走进我们的视野,并有大行其道之势。按照 Tailwind CSS 的官网介绍,它是一种基于“工具优先”( utility-first )的 CSS 框架,包含了一系列诸如 flex
、 pt-4
、 text-center
、rotate-90
这样的基础原语类。那么它到底有哪些优势呢?又该如何使用呢?我们来一起看一下。