webpack: scss, vue (#189)

WebPack에 scss와 vue를 사용할 수 있도록 세팅.

현재는 php서버와 코드가 강하게 엮여있기 때문에 vue-cli 대신 수동으로 webpack에 등록.

파일 번들링 경로는 다음과 같음

- scss + style -> css
- ts -> js

Reviewed-on: https://storage.hided.net/gitea/devsam/core/pulls/189
Co-authored-by: hide_d <hided62@gmail.com>
Co-committed-by: hide_d <hided62@gmail.com>

package.json

@@ -15,21 +15,30 @@
   "author": "Hide_D",
   "license": "MIT",
   "dependencies": {
-    "@types/lodash": "^4.14.172",
-    "lodash": "^4.17.21"
+    "core-js": "^3.16.1",
+    "lodash": "^4.17.21",
+    "vue": "^3.2.2"
   },
   "devDependencies": {
     "@babel/cli": "^7.14.8",
     "@babel/core": "^7.15.0",
     "@babel/preset-env": "^7.15.0",
     "@babel/preset-typescript": "^7.15.0",
+    "@types/lodash": "^4.14.172",
     "@typescript-eslint/eslint-plugin": "^4.29.1",
     "@typescript-eslint/parser": "^4.29.1",
+    "@vue/compiler-sfc": "^3.2.2",
     "babel-loader": "^8.2.2",
     "babel-plugin-lodash": "^3.3.4",
+    "css-loader": "^6.2.0",
     "eslint": "^7.32.0",
+    "mini-css-extract-plugin": "^2.2.0",
     "pre-commit": "^1.2.2",
+    "sass": "^1.37.5",
+    "sass-loader": "^12.1.0",
+    "style-loader": "^3.2.1",
     "typescript": "^4.3.5",
+    "vue-loader": "^16.5.0",
     "webpack": "^5.49.0",
     "webpack-cli": "^4.7.2"
   },