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 CSS、Sass和Vue.js所需的npm依赖和文件结构的脚手架预设。
由于资源目录的更改,此包仅适用于Laravel 5.7。
预设
- 此包添加以下npm依赖:截至2019年1月15日,npm依赖项为最新版本。
- 从app.js和botstrap.js中删除不必要的行。
- 修改webpack.mix.js以支持Tailwind CSS和Purge Css。
- 将Tailwind CSS默认结构添加到app.sass。
- 创建示例Vue实例,并将其添加到welcome.blade.php。
使用方法
- 安装Laravel >= 5.7的新版。
- 使用
composer require alexvargash/laravel-preset-tailwind-sass-vue
安装预设。Laravel会自动发现此包。无需注册服务提供者。 - 运行预设:
php artisan preset tailwind-sass-vue
。 - 运行npm安装包:
npm install
。 - 使用
node_modules/.bin/tailwind init tailwind.js
初始化Tailwind CSS。 - 使用
npm run dev
编译资源。 - 运行后,可以使用
composer remove alexvargash/laravel-preset-tailwind-sass-vue
移除此包。