alexvargash/laravel-preset-tailwind-sass-vue

Laravel预设,包含Tailwindcss、Sass和Vue配置,适用于Laravel >=5.7

v0.2.0 2019-01-15 17:17 UTC

This package is auto-updated.

Last update: 2024-09-16 05:54:50 UTC


README

为Laravel 5.7项目添加使用Tailwind CSSSassVue.js所需的npm依赖和文件结构的脚手架预设。

由于资源目录的更改,此包仅适用于Laravel 5.7。

预设

  1. 此包添加以下npm依赖:截至2019年1月15日,npm依赖项为最新版本。
  1. app.jsbotstrap.js中删除不必要的行。
  2. 修改webpack.mix.js以支持Tailwind CSS和Purge Css。
  3. 将Tailwind CSS默认结构添加到app.sass
  4. 创建示例Vue实例,并将其添加到welcome.blade.php

使用方法

  1. 安装Laravel >= 5.7的新版。
  2. 使用composer require alexvargash/laravel-preset-tailwind-sass-vue安装预设。Laravel会自动发现此包。无需注册服务提供者。
  3. 运行预设:php artisan preset tailwind-sass-vue
  4. 运行npm安装包:npm install
  5. 使用node_modules/.bin/tailwind init tailwind.js初始化Tailwind CSS。
  6. 使用npm run dev编译资源。
  7. 运行后,可以使用composer remove alexvargash/laravel-preset-tailwind-sass-vue移除此包。