Commit @daac7f2073fcbca018adf8f9be5888bec8f77978

홍아랑 08-21

240821 홍아랑 오류 해결 (webpack.config 수정)

@daac7f2073fcbca018adf8f9be5888bec8f77978

7538454

daac7f2

package-lock.json

--- package-lock.json

+++ package-lock.json


         "file-loader": "6.2.0",
         "fs": "0.0.1-security",
         "new-line": "^1.1.1",
+        "path-browserify": "^1.0.1",
         "pg": "8.8.0",
         "url-loader": "4.1.1",
         "vue": "3.2.40",

         "node": ">= 0.8"
       }
     },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g=="
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",

7538454

daac7f2

package.json

--- package.json

+++ package.json

...	...	@@ -15,6 +15,7 @@
15	15	"file-loader": "6.2.0",
16	16	"fs": "0.0.1-security",
17	17	"new-line": "^1.1.1",
	18	+ "path-browserify": "^1.0.1",
18	19	"pg": "8.8.0",
19	20	"url-loader": "4.1.1",
20	21	"vue": "3.2.40",

7538454

daac7f2

webpack.config.js

--- webpack.config.js

+++ webpack.config.js


 const { VueLoaderPlugin } = require("vue-loader");
 
-const {PROJECT_NAME, BASE_DIR, SERVICE_STATUS} = require('./Global');
+const { PROJECT_NAME, BASE_DIR, SERVICE_STATUS } = require("./Global");
 
 module.exports = {
-  
   name: PROJECT_NAME,
   mode: SERVICE_STATUS,
-  devtool: 'eval',
+  devtool: "eval",
 
   entry: {
-    app: [`${BASE_DIR}/client/views/index.js`]
+    app: [`${BASE_DIR}/client/views/index.js`],
   },
 
   module: {
-    
-    rules: [{
-      test: /\.vue?$/,
-      loader: 'vue-loader',
-    }, {
-      test: /\.(js|jsx)?$/,
-      loader: 'babel-loader',
-    }, {
-      test: /\.css$/,
-      use: ['vue-style-loader', 'css-loader']
-    }, {
-      test: /\.(jpe?g|png|gif|svg|ttf|eot|woff|woff2)$/i,
-      use: [{
-        loader:'url-loader',
-        options:{
-          limit:8192,
-          fallback:require.resolve('file-loader')
-        }
-      }]
-    }],
+    rules: [
+      {
+        test: /\.vue?$/,
+        loader: "vue-loader",
+      },
+      {
+        test: /\.(js|jsx)?$/,
+        loader: "babel-loader",
+      },
+      {
+        test: /\.css$/,
+        use: ["vue-style-loader", "css-loader"],
+      },
+      {
+        test: /\.(jpe?g|png|gif|svg|ttf|eot|woff|woff2)$/i,
+        use: [
+          {
+            loader: "url-loader",
+            options: {
+              limit: 8192,
+              fallback: require.resolve("file-loader"),
+            },
+          },
+        ],
+      },
+    ],
   },
 
   plugins: [new VueLoaderPlugin()],
 
   output: {
-    path: `${BASE_DIR}/client/build`,	// __dirname: webpack.config.js 파일이 위치한 경로
-    filename: 'bundle.js'
+    path: `${BASE_DIR}/client/build`, // __dirname: webpack.config.js 파일이 위치한 경로
+    filename: "bundle.js",
   },
-}
+  resolve: {
+    fallback: {
+      path: require.resolve("path-browserify"),
+    },
+  },
+};

Add a comment

Open 0
Closed 0

List

...	...	@@ -20,6 +20,7 @@
20	20	"file-loader": "6.2.0",
21	21	"fs": "0.0.1-security",
22	22	"new-line": "^1.1.1",
	23	+ "path-browserify": "^1.0.1",
23	24	"pg": "8.8.0",
24	25	"url-loader": "4.1.1",
25	26	"vue": "3.2.40",
...	...	@@ -3729,6 +3730,11 @@
3729	3730	"node": ">= 0.8"
3730	3731	}
3731	3732	},
	3733	+ "node_modules/path-browserify": {
	3734	+ "version": "1.0.1",
	3735	+ "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
	3736	+ "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g=="
	3737	+ },
3732	3738	"node_modules/path-exists": {
3733	3739	"version": "4.0.0",
3734	3740	"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",

...	...	@@ -1,44 +1,54 @@
1	1	const { VueLoaderPlugin } = require("vue-loader");
2	2
3		-const {PROJECT_NAME, BASE_DIR, SERVICE_STATUS} = require('./Global');
	3	+const { PROJECT_NAME, BASE_DIR, SERVICE_STATUS } = require("./Global");
4	4
5	5	module.exports = {
6		-
7	6	name: PROJECT_NAME,
8	7	mode: SERVICE_STATUS,
9		- devtool: 'eval',
	8	+ devtool: "eval",
10	9
11	10	entry: {
12		- app: [`${BASE_DIR}/client/views/index.js`]
	11	+ app: [`${BASE_DIR}/client/views/index.js`],
13	12	},
14	13
15	14	module: {
16		-
17		- rules: [{
18		- test: /\.vue?$/,
19		- loader: 'vue-loader',
20		- }, {
21		- test: /\.(js\|jsx)?$/,
22		- loader: 'babel-loader',
23		- }, {
24		- test: /\.css$/,
25		- use: ['vue-style-loader', 'css-loader']
26		- }, {
27		- test: /\.(jpe?g\|png\|gif\|svg\|ttf\|eot\|woff\|woff2)$/i,
28		- use: [{
29		- loader:'url-loader',
30		- options:{
31		- limit:8192,
32		- fallback:require.resolve('file-loader')
33		- }
34		- }]
35		- }],
	15	+ rules: [
	16	+ {
	17	+ test: /\.vue?$/,
	18	+ loader: "vue-loader",
	19	+ },
	20	+ {
	21	+ test: /\.(js\|jsx)?$/,
	22	+ loader: "babel-loader",
	23	+ },
	24	+ {
	25	+ test: /\.css$/,
	26	+ use: ["vue-style-loader", "css-loader"],
	27	+ },
	28	+ {
	29	+ test: /\.(jpe?g\|png\|gif\|svg\|ttf\|eot\|woff\|woff2)$/i,
	30	+ use: [
	31	+ {
	32	+ loader: "url-loader",
	33	+ options: {
	34	+ limit: 8192,
	35	+ fallback: require.resolve("file-loader"),
	36	+ },
	37	+ },
	38	+ ],
	39	+ },
	40	+ ],
36	41	},
37	42
38	43	plugins: [new VueLoaderPlugin()],
39	44
40	45	output: {
41		- path: `${BASE_DIR}/client/build`, // __dirname: webpack.config.js 파일이 위치한 경로
42		- filename: 'bundle.js'
	46	+ path: `${BASE_DIR}/client/build`, // __dirname: webpack.config.js 파일이 위치한 경로
	47	+ filename: "bundle.js",
43	48	},
44		-} (파일 끝에 줄바꿈 문자 없음)
	49	+ resolve: {
	50	+ fallback: {
	51	+ path: require.resolve("path-browserify"),
	52	+ },
	53	+ },
	54	+};

Delete comment