Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

scss global import #295

Open
zerounix opened this issue Jan 17, 2020 · 0 comments
Open

scss global import #295

zerounix opened this issue Jan 17, 2020 · 0 comments

Comments

@zerounix
Copy link

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: { ..

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant