Describe the bug
I was using this package for quite a while to import initial Bulma variables for the CSS device breakpoints.
Since I upgraded the vue-cli services to 5.0.4 the package doesn't seem to work anymore.
I am not quite sure, which of the dependencies that were upgraded has broken it (sass-loader?) but the exported object is always empty for me.
vue.config.js
module.exports = {
productionSourceMap: false,
css: {
loaderOptions: {
scss: {
additionalData: "@import \"@/css/bulmaVariables.scss\";",
},
},
},
configureWebpack: {
devtool: "source-map",
module: {
rules: [
],
},
},
};
So nothing really special here.
component.vue
<template>
...
</template>
<script>
import initialVariables from "bulma-variables-export/sass/initial-variables.scss";
console.log(initialVariables);
export default {
...
}
</script>
<style lang="scss" scoped>
...
</style>
Expected behavior
The inital variables object should contain all the variables that Bulma sets and this package exports.
Actual behavior
The object is just empty
Screenshots
![grafik](https://user-images.githubusercontent.com/17907799/168778581-9ad30a2a-e6ec-4ed3-a6a1-3fe079cb0e55.png)
Desktop (please complete the following information):
- OS: Linux Manjaro
- Browser Firefox
- Version 100
Additional context
package.json:
{
//...
"dependencies": {
"buefy": "^0.9.20",
"bulma-variables-export": "^0.2.0",
"core-js": "^3.22.5",
"luxon": "^1.28.0",
"vue": "^2.6.14",
"vue-router": "^3.5.4",
"vue-static": "0.0.5",
"vuex": "^3.6.2"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^5.0.4",
"@vue/cli-plugin-eslint": "^5.0.4",
"@vue/cli-plugin-router": "^5.0.4",
"@vue/cli-plugin-vuex": "^5.0.4",
"@vue/cli-service": "^5.0.4",
"@vue/eslint-config-airbnb": "^5.3.0",
"babel-eslint": "^10.1.0",
"eslint": "^7.32.0",
"eslint-plugin-import": "^2.26.0",
"eslint-plugin-vue": "^7.20.0",
"fibers": "^5.0.1",
"sass": "^1.51.0",
"sass-loader": "^12.6.0",
"vue-template-compiler": "^2.6.14"
}
}
If you need more information to debug this, feel free to ask me