Comments (8)
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.
Related Issues (20)
- Unable to Launch Electron App in Development Environment on Specific Computer
- What project to use with Vite? HOT 1
- Unable to build my vue-cli app using vue-cli-plugin-electron-builder 2.1.1
- Any plans to release stable version of vue-cli-plugin-electron-builder 3.0 in near future?
- Unable to modify Heap memory limit
- Can I ask a question,when I use the utilityProcess.fork in main process,what is the param modulePath?Thanks
- Missmatch of dependencies versions between NPM and github HOT 2
- Error: write EPIPE when killElectron
- Why is navigator.bluetooth undefined after packaging? HOT 1
- electron-builder build and install, run with error Cannot read property '_android' of undefined HOT 3
- V-bind() in CSS no longer works when upgrading Electron version
- ERROR: You are using an outdated version of NPM. HOT 1
- Cannot import and use mqtt.js in main process HOT 1
- Socket.io is not working after packing to exe
- Electron does not launch on Raspberry Pi 64-bit (arm64)
- Do not compress the mainBundle during packaging
- Question: How to build a utility process?
- How to enable deep linking?
- Electron Builder does not include dependencies prefixed with "node:" HOT 1
- Incorrect loading of static svg files HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-cli-plugin-electron-builder.