我正在嘗試將 Tailwind CSS v2.0 安裝到干凈的 Laravel 安裝中，但它沒有安裝完整的 css 屬性，例如 .p-2 和我正在遵循官方安裝的其他屬性https://tailwindcss.com/docs/guides/ laravel但仍然不是
webpack.mix.js
const mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel applications. By default, we are compiling the CSS
| file for the application as well as bundling up all the JS files.
|
*/
mix.js('resources/js/app.js', 'public/js')
.postCss('resources/css/app.css', 'public/css', [
require("tailwindcss"),
]);
tailwind.config.js
module.exports = {
content: [
"./resources/**/*.blade.php",
"./resources/**/*.js",
"./resources/**/*.vue",
],
theme: {
extend: {},
},
plugins: [],
}
\resources\css\app.css
@tailwind base;
@tailwind components;
@tailwind utilities;
uj5u.com熱心網友回復：
最近 Tailwindcss 更新了他們的框架（v3.0.7），其中 css 檔案是在 purgecss（https://purgecss.com/）中下載的，這就是為什么您無法下載tailwindcss 的所有類和屬性的原因。
為此，您可以做的是下載 tailwindcss 的降級版本，您可以將其下載到自定義檔案夾中，甚至不能在 Laravel 中下載。
- 首先，
laravel new your_project_name在你的終端中運行， - 運行
npm install或npm i在您的終端上 cd/your_project_name在你的終端中運行npm install -D tailwindcss@^1.9.2在你的終端中運行- 然后轉到您的專案檔案夾并在 vs code 或任何代碼編輯器上打開它
- 在您中添加以下代碼
mix.js('resources/js/app.js', 'public/js')
.postCss('resources/css/app.css', 'public/css', [
require('tailwindcss'),
]);
添加下面的代碼
resources\css\app.css@tailwind base;@tailwind components;@tailwind utilities;最后
npm run dev在你的 cmd 中運行
謝謝你。
uj5u.com熱心網友回復：
檢查您是否沒有運行，npm run prod因為這會清除您的 css 檔案并洗掉未使用的樣式。
運行npm run dev看看是否有幫助。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/401273.html
上一篇：Laravel獲得學校用戶