μλ νμΈμ,
λ΄ nuxt 2.12.2 νλ‘μ νΈλ₯Ό λΉλ ν λ λ€μ κ²½κ³ κ° νμλ©λλ€.
Tailwindλ ν νλ¦Ώ κ²½λ‘κ° μ 곡λμ§ μμκΈ° λλ¬Έμ μ¬μ©νμ§ μλ μ€νμΌμ μ κ±°νμ§ μμ΅λλ€.
νμ§λ§ CSSκ° μ κ±° λ κ² κ°μ΅λλ€. λ¨μκ° μμ΅λκΉ?
λ€, κΈ°λ³Έμ μΌλ‘ μλλλ€.
μ κ²½μ°μλ μ μ ν©λλ€.
module.exports = {
purge: [
"./pages/**/*.vue",
"./components/**/*.vue",
"./plugins/**/*.vue",
"./static/**/*.vue",
"./store/**/*.vue"
],
theme: {},
variants: {},
plugins: []
};
λμκ²λ μΌμ΄ λ¬κ³ @Triloworld μ루μ μΌλ‘ μμ νμ΅λλ€. νμ§λ§ κΈ°λ³Έμ μΌλ‘ μΆκ°λμ΄μΌνλ€κ³ μκ°ν©λλ€ !!
@Triloworld μ μ루μ μ΄ μ μλνλ κ² κ°μ΅λλ€! κ°μ¬!
μ΄μ @Atinux κ° μ tailwind.config.js μ κΆμ₯ μ€μ μ λ£λ κ²μ 보μμ΅λλ€.
λ¬Έμ λ νμ¬ νλ‘μ νΈμ λν΄ μ
λ°μ΄νΈλμ§ μμλ€λ κ²μ
λλ€.
κΆμ₯νλ μ€μ μ λ€μκ³Ό κ°μ΅λλ€.
// 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'
]
}
}
κ°μ¬ν©λλ€ @santicros , κ·νμ ꡬμ±μ μ λ₯Ό λ§μ΄ λμμ€λλ€. @Triloworld μ루μ
μΌλ‘ λΉλνκ±°λ μμ± ν λ md:*
μ κ°μ μ€λ¨ μ μ΄ μ»΄νμΌ λ νμΌμ λνλμ§ μμ΅λλ€.
@dbarjs κ° md:*
μΌλ‘ λ΄ λμμ κ°μ λ¬Έμ λ‘ μ€νλ©λλ€. tailwind.config.js λ° nuxt.config.jsμμ μ κ±° λΉνμ±ν
μ΄ λͺ¨λμ enabled
μ λν νλ‘λμ
νλκ·Έλ₯Ό μΆκ° ν νμκ° μλ€κ³ μκ°ν©λλ€.
Tailwind λ¬Έμ μ λ°λ₯΄λ©΄ μ κ±°λ νλ‘λμ
μμλ§ μ€νλμ΄μΌνλ©° enabled
μ΄ μλ μ¬μ μμμ λͺ
μν©λλ€. λ°λΌμμ΄ λͺ¨λμ κΈ°λ³Έμ μΌλ‘ μλ μ€λ²λΌμ΄λλ₯Ό μꡬνμ§ μμμΌν©λλ€.
μ΄ λ¬Έμ λ μ΅κ·Ό νλμ΄ μμκΈ° λλ¬Έμ μλμΌλ‘ μ€λλ κ²μΌλ‘ νμλμμ΅λλ€. λ μ΄μ νλμ΄ λ°μνμ§ μμΌλ©΄ νμλ©λλ€. κ·νμ κΈ°μ¬μ κ°μ¬λ립λλ€.
κ°μ₯ μ μ©ν λκΈ
μ΄μ @Atinux κ° μ tailwind.config.js μ κΆμ₯ μ€μ μ λ£λ κ²μ 보μμ΅λλ€.
λ¬Έμ λ νμ¬ νλ‘μ νΈμ λν΄ μ λ°μ΄νΈλμ§ μμλ€λ κ²μ λλ€.
κΆμ₯νλ μ€μ μ λ€μκ³Ό κ°μ΅λλ€.