egoist/bili

scss global import

zerounix opened this issue · 0 comments

Hi,

i have a vue cli project and want to build a ui-lib with bili.

My project uses some scss styles which i globally import in my index.js, where i export my components.
Building everything with vue cli works fine. I preload stuff via vue.config.js like so:
module.exports = { configureWebpack: { plugins: [ new MomentLocalesPlugin({ localesToKeep: ["de"] }) ] }, css: { extract: true, loaderOptions: { sass: { data:
@import "~@/styles/_base.scss";
} } } };

Now i try to use bili for bundling stuff, and it fails as my base scss does not get loaded. My index.js imports it like so:
`import "~styles/_base.scss";

export { default as FieldContainer } from "./components/FieldContainer.vue";

...`

Now bili fails with Error: Error: no mixin named text-size
Can anybody help me solve this problem? I think it has to do with:
plugins: { vue: ({ style: { preprocessOptions: { ..