scss global import
zerounix opened this issue · 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: { ..