bili icon indicating copy to clipboard operation
bili copied to clipboard

scss global import

Open zerounix opened this issue 5 years ago • 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: { ..

zerounix avatar Jan 17 '20 13:01 zerounix