Rollup, Vue and Buble, unexpected token in scss file

Question

I am trying to compile SFC with rollup, using Vue and Buble, following the example suplied in the Vue official page. But I keep getting this error:

src/wrapper.j         


        

Answer 1

Try this:

$ npm install --save-dev rollup-plugin-scss

In rollup.config.js:

import scss from 'rollup-plugin-scss';      // handles '.css' and '.scss'

plugins: { ..., scss() }

I don't really know what's going on, here. The above worked for me (Vue.js 3 (beta) and rollup-plugin-vue 6.0.0-beta.6.