electron-userland / electron-userland/electron-webpack-quick-start

vue + typescript ?

Open
#15 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
746
Forks
245
PR merge metrics
No merged PRs in 30d

Description

Very interesting project, though struggling to get Vue and Typescript working together.

for example renaming `index.js` to `index.ts` and adding this line:
```
import App from './view/App.vue'
```

Results in:
```
Module not found: Error: Can't resolve 'vue-loader' in '/Users/davem/Documents/electron/e2'
@ ./src/renderer/index.ts 1:0-32
@ multi (webpack)-dev-server/client?http://localhost:9080 webpack/hot/dev-server ./node_modules/electron-webpack/vue-renderer-entry.js ./src/renderer/index.ts
```

Am guessing that I need to webpack-merge in the `vue-loader` though not exactly sure what electron-webpack is providing vs what it expects to have provided in terms off webpack configuration?

An example with Vue and Typescript working would be much appreciated!!

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with src/renderer/index.ts and the referenced view/App.vue, then trace the electron-webpack/vue-renderer-entry.js path shown in the error to understand the expected loader configuration. Compare the project’s existing webpack setup with a Vue and TypeScript entry point; done means the example builds without the vue-loader resolution error.

Written by the indexing model from the issue text.

Assessment

Tech stack
electron, typescript, webpack
Domain
build-system, desktop
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.