Want to take a look at our new docs? Our new docs are now in beta. Have fun!

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

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

Pug 及び Sass を使った pages/index.vue の例:

<template lang="pug">
  h1.red Hello World!

<style lang="sass">
    color: red

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

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

npm install --save-dev pug pug-plain-loader
npm install --save-dev node-sass sass-loader
Contribution for this page is now closed. If you would like to contribute please check out our new docs are now in beta. Have fun!

Platinum Sponsors

StoryblokMoovweb Support Us