Permalink
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
39 lines (29 sloc) 1.03 KB
title description
プリプロセッサ
Nuxt.js でプリプロセッサを使うには?

プリプロセッサを使うには?

vue-loader のおかげで、ただ lang 属性を使うだけで <template><script> あるいは <style> などのためのプリプロセッサを使うことができます。

PugCoffeeScript、及び 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>

<style lang="scss">
.red {
  color: red
}
</style>

これらのプリプロセッサを使うために Webpack のローダーをインストールする必要があります。

npm install --save-dev pug@2.0.3 pug-plain-loader coffeescript coffee-loader node-sass sass-loader