Use resolves

build/webpack.config.js

@@ -19,7 +19,7 @@ module.exports = (env, argv) => {
 		devtool: isDev ? 'inline-source-map' : false,
 		watch: isDev,
 		entry: {
-			app: path.resolve(SRC, 'scripts', 'app.js')
+			app: path.resolve(SRC, 'app.js')
 		},
 		output: {
 			path: DIST,
@@ -93,9 +93,11 @@ module.exports = (env, argv) => {
 			new VueLoaderPlugin()
 		],
 		resolve: {
-			extensions: ['.js', '.vue', '...'],
+			extensions: ['.vue', '.scss', '...'],
 			alias: {
-				'@scripts': path.resolve(SRC, 'scripts')
+				'@components': path.resolve(SRC, 'components'),
+				'@scripts': path.resolve(SRC, 'scripts'),
+				'@styles': path.resolve(SRC, 'styles')
 			}
 		}
 	};