프리프로세서를 사용하려면?

vue-loader 덕분에 그냥 lang 속성을 사용하는 것만으로 <template>, <script>, <style> 을 위한 프리프로세서를 사용할 수 있습니다.

Pug, CoffeeScript, Sass를 사용한 pages/index.vue 예제:

<template lang="pug">
  h1.red Hello {{ name }}!
</template>

<script lang="coffee">
module.exports = data: ->
  { name: 'World' }
</script>

<style lang="sass">
.red
  color: red
</style>

이런 프리프로세서를 사용하기 위해서는 Webpack 로더들을 설치해야 합니다.

npm install --save-dev pug@2.0.0-beta6 pug-loader coffeescript coffee-loader node-sass sass-loader

잘못된 부분이 있거나 이 문서에 기여하고 싶으신가요? GitHub에서 이 페이지를 수정해주세요!