λ²κ·Έ μ€λͺ
λͺ¨λ λ¨μΌ .svelte νμΌμμ νμ₯μκ°μ΄ μ€λ₯λ₯Ό λ°μμν΅λλ€ (μΆλ ₯ νμμ λ³΅μ¬ λ¨).
Using Svelte v3.29.0 from /Users/nick/PROJECT_ROOT_REDACTED/node_modules/svelte/compiler
Preprocessing failed
Error: Cannot find any of modules: sass,node-sass
Error: Cannot find module 'node-sass'
Require stack:
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/modules/utils.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/autoProcess.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/index.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/importPackage.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/lib/documents/configLoader.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/lib/documents/Document.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/lib/documents/index.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/server.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/bin/server.js
at Object.importAny (/Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/modules/utils.js:30:15)
at async transformer (/Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/transformers/scss.js:18:21)
at async /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/autoProcess.js:96:29
at async Object.style (/Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/autoProcess.js:142:33)
at async wrappedPreprocessor.style (/Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/plugins/svelte/SvelteDocument.js:208:33)
at async /Users/nick/PROJECT_ROOT_REDACTED/node_modules/svelte/compiler.js:27431:32
at async Promise.all (index 0)
at async replace_async (/Users/nick/PROJECT_ROOT_REDACTED/node_modules/svelte/compiler.js:27386:52)
at async Object.preprocess (/Users/nick/PROJECT_ROOT_REDACTED/node_modules/svelte/compiler.js:27427:19)
at async transpile (/Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/plugins/svelte/SvelteDocument.js:223:25) {
__source: 'Style'
}
svelte-preprocess
μ€μΉνμΌλ©° ν΄λΉ μ€μ μ λ€μκ³Ό κ°μ svelte.config.js
.
// svelte.config.js
const sveltePreprocess = require('svelte-preprocess');
module.exports = {
preprocess: sveltePreprocess({
postcss: {
plugins: [
require('autoprefixer')
]
},
sass: {
sync: true,
implementation: require('sass'),
},
}),
};
implementation
μ κ±°λ₯Ό μλνμ§λ§ μλνμ§ μμμ΅λλ€. sass: true
μ€μ ν λλ μλνμ§ μμ΅λλ€. νΉλ³ν Dart ꡬνμ΄ νμνκΈ° λλ¬Έμ node-sass
μ¬μ©νμ§ μμμ΅λλ€.
scss μ½λκ°μλ κ³³μμλ μ€λ₯κ° λνλ©λλ€ (μ€ν¬λ¦° μ· μ°Έμ‘°).
μ¬ννλ €λ©΄
λμμ μ¬ννλ λ¨κ³ :
svelte-preprocess
λ° sass
sass.implementation
λ₯Ό`require ( 'sass')λ‘ μ€μ νμ¬ svelte.config.jsλ₯Ό ꡬμ±ν©λλ€.μμλλ νλ
μ€ν¬λ¦° μ·
μμ€ν (λ€μ μ 보λ₯Ό μμ±νμμμ€) :
μΆκ° 컨ν
μ€νΈ
μ λ SvelteλΏλ§ μλλΌ Sapper μ±μ κ°λ°νκ³ μμ΅λλ€.
μ’μ, λλ λ§€μ° λ°λ³΄ κ°λ€ π
μ μ νμΈνμ§λ§ μ¬μ ν μ€μΉλ James Birtlesμ μ΄μ νμ₯ κΈ°λ₯μ λμ³€μ΅λλ€. μ΄μ νμ₯μ μ κ±°νκ³ VSCodeλ₯Ό λ€μλ‘λνλ©΄ λ©μμ§κ° μ¬λΌμ‘μ΅λλ€.
μμμ μΈκΈ ν νμ₯μ Svelte for VS Code μ λλ€.
μ’μ, λλ λ§€μ° λ°λ³΄ κ°λ€ π
μ μ νμΈνμ§λ§ μ¬μ ν μ€μΉλ James Birtlesμ μ΄μ νμ₯ κΈ°λ₯μ λμ³€μ΅λλ€. μ΄μ νμ₯μ μ κ±°νκ³ VSCodeλ₯Ό λ€μλ‘λνλ©΄ λ©μμ§κ° μ¬λΌμ‘μ΅λλ€.
κ·Έ λμ μ¬μ©ν νμ₯ νλ‘κ·Έλ¨μ 무μμ λκΉ?
κ°μ₯ μ μ©ν λκΈ
μ’μ, λλ λ§€μ° λ°λ³΄ κ°λ€ π
μ μ νμΈνμ§λ§ μ¬μ ν μ€μΉλ James Birtlesμ μ΄μ νμ₯ κΈ°λ₯μ λμ³€μ΅λλ€. μ΄μ νμ₯μ μ κ±°νκ³ VSCodeλ₯Ό λ€μλ‘λνλ©΄ λ©μμ§κ° μ¬λΌμ‘μ΅λλ€.