diff --git a/src/App.vue b/src/App.vue
index c1be672..b1eb59e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -25,10 +25,10 @@
 
 <script>
 import Vue from 'vue'
-import Navigation from '@/components/Navigation.vue'
-import MoviePopup from '@/components/MoviePopup.vue'
-import SearchInput from '@/components/SearchInput.vue'
-import DarkmodeToggle from '@/components/ui/darkmodeToggle.vue'
+import Navigation from '@/components/Navigation'
+import MoviePopup from '@/components/MoviePopup'
+import SearchInput from '@/components/SearchInput'
+import DarkmodeToggle from '@/components/ui/darkmodeToggle'
 
 export default {
   name: 'app',
diff --git a/src/api.js b/src/api.js
index 4361616..1d0533b 100644
--- a/src/api.js
+++ b/src/api.js
@@ -1,5 +1,5 @@
 import axios from 'axios'
-import storage from '@/storage.js'
+import storage from '@/storage'
 import config from '@/config.json'
 import path from 'path'
 
diff --git a/src/components/Home.vue b/src/components/Home.vue
index 33fb38a..9ddaf54 100644
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@@ -12,10 +12,10 @@
 </template>
 
 <script>
-import LandingBanner from '@/components/LandingBanner.vue'
-import ListHeader from '@/components/ListHeader.vue'
-import ResultsList from '@/components/ResultsList.vue'
-import Loader from '@/components/ui/Loader.vue'
+import LandingBanner from '@/components/LandingBanner'
+import ListHeader from '@/components/ListHeader'
+import ResultsList from '@/components/ResultsList'
+import Loader from '@/components/ui/Loader'
 
 import { getTmdbMovieListByName, getRequests } from '@/api'
 
diff --git a/src/components/Movie.vue b/src/components/Movie.vue
index b377abf..213f937 100644
--- a/src/components/Movie.vue
+++ b/src/components/Movie.vue
@@ -115,15 +115,15 @@
 </template>
 
 <script>
-import storage from '@/storage.js'
-import img from '@/directives/v-image.js'
-import TorrentList from './TorrentList.vue'
-import Person from './Person.vue'
-import SidebarListElement from './ui/sidebarListElem.vue'
+import storage from '@/storage'
+import img from '@/directives/v-image'
+import TorrentList from './TorrentList'
+import Person from './Person'
+import SidebarListElement from './ui/sidebarListElem'
 import store from '@/store'
-import LoadingPlaceholder from './ui/LoadingPlaceholder.vue'
+import LoadingPlaceholder from './ui/LoadingPlaceholder'
 
-import { getMovie, getShow, request, getRequestStatus } from '@/api.js'
+import { getMovie, getShow, request, getRequestStatus } from '@/api'
 
 export default {
   props: ['id', 'type'],
diff --git a/src/components/MoviePage.vue b/src/components/MoviePage.vue
index 0bfce4e..3c3e0fa 100644
--- a/src/components/MoviePage.vue
+++ b/src/components/MoviePage.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import Movie from './Movie.vue';
+import Movie from './Movie';
 export default {
   components: { Movie }
 }
diff --git a/src/components/MoviePopup.vue b/src/components/MoviePopup.vue
index c6f588e..b71a5e2 100644
--- a/src/components/MoviePopup.vue
+++ b/src/components/MoviePopup.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import Movie from './Movie.vue';
+import Movie from './Movie';
 
 export default {
   props: {
diff --git a/src/components/MoviesListItem.vue b/src/components/MoviesListItem.vue
index 6e1636b..aa8364d 100644
--- a/src/components/MoviesListItem.vue
+++ b/src/components/MoviesListItem.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import img from '../directives/v-image.js'
+import img from '../directives/v-image'
 
 export default {
   props: ['movie', 'shortList'],
diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue
index 770d3b9..88adb47 100644
--- a/src/components/Navigation.vue
+++ b/src/components/Navigation.vue
@@ -50,7 +50,7 @@
 </template>
 
 <script>
-import storage from '@/storage.js'
+import storage from '@/storage'
 
 export default {
   data(){
diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index 0d46e81..af8ea41 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -29,14 +29,14 @@
 </template>
 
 <script>
-import storage from '@/storage.js'
-import store from '@/store.js'
-import ListHeader from '@/components/ListHeader.vue'
-import ResultsList from '@/components/ResultsList.vue'
-import Settings from '@/components/Settings.vue'
-import SeasonedButton from '@/components/ui/SeasonedButton.vue'
+import storage from '@/storage'
+import store from '@/store'
+import ListHeader from '@/components/ListHeader'
+import ResultsList from '@/components/ResultsList'
+import Settings from '@/components/Settings'
+import SeasonedButton from '@/components/ui/SeasonedButton'
 
-import { getEmoji, getUserRequests } from '@/api.js'
+import { getEmoji, getUserRequests } from '@/api'
 
 export default {
   components: { ListHeader, ResultsList, Settings, SeasonedButton },
diff --git a/src/components/Register.vue b/src/components/Register.vue
index c131456..5d94ff1 100644
--- a/src/components/Register.vue
+++ b/src/components/Register.vue
@@ -19,9 +19,9 @@
 
 <script>
 import axios from 'axios'
-import SeasonedButton from '@/components/ui/SeasonedButton.vue'
-import SeasonedInput from '@/components/ui/SeasonedInput.vue'
-import SeasonedMessages from '@/components/ui/SeasonedMessages.vue'
+import SeasonedButton from '@/components/ui/SeasonedButton'
+import SeasonedInput from '@/components/ui/SeasonedInput'
+import SeasonedMessages from '@/components/ui/SeasonedMessages'
 
 export default {
   components: { SeasonedButton, SeasonedInput, SeasonedMessages },
diff --git a/src/components/SearchInput.vue b/src/components/SearchInput.vue
index bfd085b..70b1740 100644
--- a/src/components/SearchInput.vue
+++ b/src/components/SearchInput.vue
@@ -43,9 +43,9 @@
 </template>
 
 <script>
-import SeasonedButton from '@/components/ui/SeasonedButton.vue'
+import SeasonedButton from '@/components/ui/SeasonedButton'
 
-import { elasticSearchMoviesAndShows } from '@/api.js'
+import { elasticSearchMoviesAndShows } from '@/api'
 import config from '@/config.json'
 
 export default {
diff --git a/src/components/Settings.vue b/src/components/Settings.vue
index bfacae8..527f3a3 100644
--- a/src/components/Settings.vue
+++ b/src/components/Settings.vue
@@ -44,12 +44,12 @@
 </template>
 
 <script>
-import storage from '@/storage.js'
-import SeasonedInput from '@/components/ui/SeasonedInput.vue'
-import SeasonedButton from '@/components/ui/SeasonedButton.vue'
-import SeasonedMessages from '@/components/ui/SeasonedMessages.vue'
+import storage from '@/storage'
+import SeasonedInput from '@/components/ui/SeasonedInput'
+import SeasonedButton from '@/components/ui/SeasonedButton'
+import SeasonedMessages from '@/components/ui/SeasonedMessages'
 
-import { plexAuthenticate } from '@/api.js'
+import { plexAuthenticate } from '@/api'
 
 export default {
   components: { SeasonedInput, SeasonedButton, SeasonedMessages },
diff --git a/src/components/Signin.vue b/src/components/Signin.vue
index f8ce176..0b47a0b 100644
--- a/src/components/Signin.vue
+++ b/src/components/Signin.vue
@@ -17,10 +17,10 @@
 
 <script>
 import axios from 'axios'
-import storage from '../storage.js'
-import SeasonedInput from '@/components/ui/SeasonedInput.vue'
-import SeasonedButton from '@/components/ui/SeasonedButton.vue'
-import SeasonedMessages from '@/components/ui/SeasonedMessages.vue'
+import storage from '../storage'
+import SeasonedInput from '@/components/ui/SeasonedInput'
+import SeasonedButton from '@/components/ui/SeasonedButton'
+import SeasonedMessages from '@/components/ui/SeasonedMessages'
 
 export default {
   components: { SeasonedInput, SeasonedButton, SeasonedMessages },
diff --git a/src/components/TorrentList.vue b/src/components/TorrentList.vue
index a63a7e3..abdf7f2 100644
--- a/src/components/TorrentList.vue
+++ b/src/components/TorrentList.vue
@@ -90,13 +90,13 @@
 </template>
 
 <script>
-import storage from '@/storage.js'
+import storage from '@/storage'
 import store from '@/store'
-import { sortableSize } from '@/utils.js'
-import { searchTorrents, addMagnet } from '@/api.js'
+import { sortableSize } from '@/utils'
+import { searchTorrents, addMagnet } from '@/api'
 
-import SeasonedButton from '@/components/ui/SeasonedButton.vue'
-import SeasonedInput from '@/components/ui/SeasonedInput.vue'
+import SeasonedButton from '@/components/ui/SeasonedButton'
+import SeasonedInput from '@/components/ui/SeasonedInput'
 
 export default {
   components: { SeasonedButton, SeasonedInput },
diff --git a/src/store.js b/src/store.js
index bfe663f..32e0e3d 100644
--- a/src/store.js
+++ b/src/store.js
@@ -1,9 +1,9 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
 
-import torrentModule from './modules/torrentModule.js'
-import darkmodeModule from './modules/darkmodeModule.js'
-import documentTitle from './modules/documentTitle.js'
+import torrentModule from './modules/torrentModule'
+import darkmodeModule from './modules/darkmodeModule'
+import documentTitle from './modules/documentTitle'
 
 Vue.use(Vuex)
 
diff --git a/webpack.config.js b/webpack.config.js
index 096a745..5c40e8c 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -46,6 +46,7 @@ module.exports = {
     ]
   },
   resolve: {
+    extensions: ['.js', '.vue', '.json', 'scss'],
     alias: {
       'vue$': 'vue/dist/vue.common.js',
       '@': path.resolve(__dirname, './src'),