Tailwindcss-module: Tailwind tidak menghapus gaya yang tidak digunakan karena tidak ada jalur template yang disediakan.

Dibuat pada 20 Mei 2020  ·  8Komentar  ·  Sumber: nuxt-community/tailwindcss-module

Hai,

Saat membangun proyek nuxt 2.12.2 saya, saya mendapatkan peringatan ini:

Tailwind tidak menghapus gaya yang tidak digunakan karena tidak ada jalur template yang disediakan.

Tapi css sepertinya dibersihkan, menurut saya? Ada petunjuk?

question wontfix

Komentar yang paling membantu

Sekarang saya telah melihat bahwa @Atinux meletakkan pengaturan yang direkomendasikan pada tailwind.config.js baru
Masalahnya adalah itu tidak memperbarui proyek saat ini.
Pengaturan yang direkomendasikan yang dia masukkan adalah:

// tailwind.config.js
module.exports = {
  /* ... your actual config */,
  purge: {
    // Learn more on https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css
    enabled: process.env.NODE_ENV === 'production',
    content: [
      'components/**/*.vue',
      'layouts/**/*.vue',
      'pages/**/*.vue',
      'plugins/**/*.js',
      'nuxt.config.js'
    ]
  }
}

Semua 8 komentar

Ya, Ini bukan secara default.
Tepat dalam kasus saya:

module.exports = {
  purge: [
    "./pages/**/*.vue", 
    "./components/**/*.vue", 
    "./plugins/**/*.vue",
    "./static/**/*.vue",
    "./store/**/*.vue"
  ],
  theme: {},
  variants: {},
  plugins: []
};

Itu terjadi pada saya juga, bekerja dengan solusi @Triloworld . Tapi saya pikir itu harus ditambahkan secara default !!

Solusi @Triloworld tampaknya bekerja dengan baik! Terima kasih!

Sekarang saya telah melihat bahwa @Atinux meletakkan pengaturan yang direkomendasikan pada tailwind.config.js baru
Masalahnya adalah itu tidak memperbarui proyek saat ini.
Pengaturan yang direkomendasikan yang dia masukkan adalah:

// tailwind.config.js
module.exports = {
  /* ... your actual config */,
  purge: {
    // Learn more on https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css
    enabled: process.env.NODE_ENV === 'production',
    content: [
      'components/**/*.vue',
      'layouts/**/*.vue',
      'pages/**/*.vue',
      'plugins/**/*.js',
      'nuxt.config.js'
    ]
  }
}

Terima kasih @santicros , konfigurasi Anda sangat membantu saya. Ketika saya membangun atau membuat dengan solusi @Triloworld , breakpoint seperti md:* tidak muncul di file yang dikompilasi.

@dbarjs mengalami masalah yang sama di pihak saya dengan md:* . Pembersihan dinonaktifkan di tailwind.config.js dan nuxt.config.js

Saya rasa modul ini tidak perlu menambahkan flag produksi untuk enabled .

Menurut dokumen Tailwind , pembersihan seharusnya hanya berjalan dalam produksi dan secara eksplisit bahwa enabled adalah penggantian manual. Jadi modul ini seharusnya tidak secara default meminta penggantian manual.

image

Masalah ini secara otomatis ditandai sebagai usang karena tidak ada aktivitas terbaru. Ini akan ditutup jika tidak ada aktivitas lebih lanjut. Terima kasih atas kontribusi Anda.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat