在 Laravel Mix 中安装 Tailwindcss
唉……真不知道为什么要写这个,不过不用 Nuxt.js 做前端、只用 Laravel 开发时,就得用 Mix。感觉以后还会反复做,所以先整理记录在这里,以后可以随时翻出来看看。 在 app.scss 文件中添加以下内容 修改 webpack.mix.js 文件中的相关内容 这样一来,Tailwindcss 就会被添加到
GGAMI
唉……真不知道为什么要写这个,不过不用 Nuxt.js 做前端、只用 Laravel 开发时,就得用 Mix。感觉以后还会反复做,所以先整理记录在这里,以后可以随时翻出来看看。 在 app.scss 文件中添加以下内容 修改 webpack.mix.js 文件中的相关内容 这样一来,Tailwindcss 就会被添加到
唉……真不知道为什么要写这个,不过不用 Nuxt.js 做前端、只用 Laravel 开发时,就得用 Mix。感觉以后还会反复做,所以先整理记录在这里,以后可以随时翻出来看看。
yarn add tailwindcss --dev
yarn add @tailwindcss/ui --devnpx tailwindcss init在 app.scss 文件中添加以下内容
@tailwind base;
@tailwind components;
@tailwind utilities;修改 webpack.mix.js 文件中的相关内容
const tailwindcss = require('tailwindcss')
mix.js('resources/js/app.js', 'public/js');
mix.sass('resources/sass/app.scss', 'public/css')
.options({
processCssUrls: false,
postCss: [
tailwindcss('./tailwind.config.js')
],
});yarn run prod这样一来,Tailwindcss 就会被添加到 public/css/app.css 中。
哇……我都快有一年没用 Laravel Mix 了吧……(其实就是根本没做项目啦……)
不过,接下来有几个项目要做,全部用 Nuxt.js 来做有点吃力,简单的项目就直接都用 Laravel 处理,所以打算重新用 Mix 了。
结束。

就试着用了一下之前买的东西……
……其实根本不需要这个页面……只是随手做了一下……下次做项目时,希望能介绍得再详细一些。
yarn add alpinejs --devapp.js
require('./bootstrap');
import 'alpinejs'