Any idea why scss variables are undefined though they work with non-electron builds? about vue-cli-plugin-electron-builder HOT 8 CLOSED

In v1.0.0 (two weeks away), you will be able to use variables the normal way, as vue.config.js will be used.

from vue-cli-plugin-electron-builder.

Follow the instructions here to add sass/scss support, it should build successfully then. You will have to use a separate loader for the variables like this. Please close the issue and mention how you got the variables working if you do. Thanks.

from vue-cli-plugin-electron-builder.

I already had node-sass and sass-loader installed. I was able to get variables working in components by removing the vue.config.js css.loaderOptions settings and just manually importing my variables file in every component. Not ideal but it seems to work.

from vue-cli-plugin-electron-builder.

I just released the first v1.0.0 alpha! Go ahead and try it again with the new version and let me know if it works. Thanks.

from vue-cli-plugin-electron-builder.

Thought I had it working but I spoke too soon. Currently stuck on #24.

from vue-cli-plugin-electron-builder.

What os are you using?

from vue-cli-plugin-electron-builder.

Please follow the instructions on this issue comment. Thanks!

from vue-cli-plugin-electron-builder.

I hit this issue when trying to reorganize the src directory of our app and placed styles into a subfolder named renderer. This breaks the reference that Vuetify uses. After a lot of contact between my head and desk, I found out the secret sauce is this in vue.config.js:

const importVariablesScss = `@import "~@/renderer/styles/variables.scss"`

module.exports = {
  css: {
    loaderOptions: {
      sass: { additionalData: importVariablesScss }, // No semi-colon
      scss: { additionalData: `${importVariablesScss};` } // Semi-colon
    }
  }
  // Other stuff
}

I guess they both have to be there in order for it to work. (I was under the assumption it would only need to be one or the other for some reason 🤷‍♂️) If either is missing it causes issues though. Hope this helps anybody else trying to do something similar

from vue-cli-plugin-electron-builder.