EGOIST

`` is handled by rollup-plugin-vue which compiles sass using `@vue/component-compiler-utils` which currently doesn't support the `~` alias. `~` only works in normal `import style from './style.scss'` because this is compiled...

You can use https://rollup-plugin-vue.vuejs.org/options.html#style-preprocessoptions to set sass options, `~` is implemented in rollup-plugin-postcss via the `importer` option: https://github.com/egoist/rollup-plugin-postcss/blob/e63c9ae659fe4e982fa8d31c955767c2a5e6e98f/src/sass-loader.js#L38 I'll try to make bili support this by default, not anytime soon...

That's awesome then 👌🏻

You should use `babel.configFile` option instead https://bili.egoist.sh/api/interfaces/config.html#babel

`configFile` only disables `babel.config.js`

Related: https://github.com/rollup/rollup/issues/2670

What's the use case for `footer`? Maybe we can add a `configureRollup` option so that you can mutate rollup config, like: ```js // bili.config.js module.exports = { configureRollup(config) { config.output.footer...

> some workaround for vuedraggable Can you tell me more about this? > I need to wrap the whole iife with a function Still not sure why you need this.

It's possible but you need to configure babel manully, we can implement it with a `--modern` flag to simplify this. like this https://cli.vuejs.org/guide/browser-compatibility.html#modern-mode

via postcss plugins?