XYZ1024's Blog

Tailwindcss的正确安装方式

发布日期 2021-03-29 00:15:08 更新日期 2021-03-29 00:15:08
npm init -y

npm install tailwindcss postcss-cli autoprefixer

npx tailwindcss init #生成配置文件

创建postcss.config.js文件

输入

module.exports = {
    plugins : [
        require('tailwindcss'),
        require('autoprefixer'),
    ]
}

创建文件夹css,在里面创建文件tailwind.css

@tailwind base;
@tailwind components;
@tailwind utilities;

在命令行输入postcss css/tailwind.css -o public/build/tailwind.css

之后就可以在public文件夹内使用tailwindcss开发

  • 本文作者: XYZ1024
  • 本文链接: Tailwindcss的正确安装方式
  • 版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明出处。
  • 发布日期: 2021-03-29 00:15:08
  • 更新日期: 2021-03-29 00:15:08