teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問vue.js3のimportがうまくできなくて困ってます。webpack.config.jsの設定を教えて下さい。

編集履歴

質問編集履歴

13

2021/10/08 22:02

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -52,7 +52,7 @@
52
52
 
53
53
  ```text
54
54
 
55
- // ルート構成　(wwwrootは親ルートなので "/" と同じです。urlの時も　"/" と同じ扱いです)
55
+ // ルート構成　(wwwrootはweb上の親ルートなので urlの時も　"/" と同じ扱いです)
56
56
 
57
57
  /MyProject
58
58
 

12

修正

2021/10/08 22:02

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -20,7 +20,17 @@
20
20
 
21
21
  ②package.configを作成
22
22
 
23
+
24
+
23
25
  ③npm installを実行
26
+
27
+ "vue": "^3.2.19"
28
+
29
+ "webpack": "^5.54.0",
30
+
31
+ "webpack-cli": "^4.8.0"
32
+
33
+
24
34
 
25
35
  ④webpack.config.jsを作成
26
36
 

11

修正

2021/10/08 01:44

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -16,17 +16,19 @@
16
16
 
17
17
  実施したこと
18
18
 
19
- ①package.configを作成
19
+ ①Node.js v14をインストール
20
20
 
21
- ②npm installを実行
21
+ ②package.configを作成
22
22
 
23
- ③webpack.config.jsを作成
23
+ ③npm installを実行
24
24
 
25
- ④npx webpackを実行
25
+ ④webpack.config.jsを作成
26
26
 
27
- ⑤site.bundle.jsをscript type="module"で読み込みするように設定
27
+ ⑤npx webpackを実行
28
28
 
29
+ ⑥site.bundle.jsをscript type="module"で読み込みするように設定
30
+
29
- ⑥htmlファイルから自分で使うjavascriptファイルにもscript type="module"を追加
31
+ ⑦htmlファイルから自分で使うjavascriptファイルにもscript type="module"を追加
30
32
 
31
33
 
32
34
 

10

修正

2021/10/08 01:44

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,11 @@
4
4
 
5
5
  私の環境ではvue-cliでvueプロジェクトは使えない環境なので、それを前提にしてほしいです。
6
6
 
7
+
8
+
7
- そのため、いまのところ.vueファイルについては使用しないです。
9
+ そのため、いまのところ.vueファイルについては使用しないです。typescriptも使ってません。
10
+
11
+
8
12
 
9
13
  htmlファイルとjavascriptファイルのみ使っています。
10
14
 

9

修正

2021/10/08 01:38

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  そのため、いまのところ.vueファイルについては使用しないです。
8
8
 
9
- htmlファイルとjavascriptファイルのみってます。
9
+ htmlファイルとjavascriptファイルのみ使っています。
10
10
 
11
11
 
12
12
 

8

修正

2021/10/08 01:36

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -3,6 +3,10 @@
3
3
 
4
4
 
5
5
  私の環境ではvue-cliでvueプロジェクトは使えない環境なので、それを前提にしてほしいです。
6
+
7
+ そのため、いまのところ.vueファイルについては使用しないです。
8
+
9
+ htmlファイルとjavascriptファイルのみってます。
6
10
 
7
11
 
8
12
 

7

修正

2021/10/08 01:35

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- vue3のimportがうまくできなくて困ってます。webpack.config.jsの設定を教えて下さい。
1
+ vue.js3のimportがうまくできなくて困ってます。webpack.config.jsの設定を教えて下さい。
test CHANGED
@@ -1,4 +1,4 @@
1
- webpack.config.jsの設定を教えて下さい。vue3のimportがうまくできなくて困ってます。
1
+ vue.js3のimportがうまくできなくて困ってます。webpack.config.jsの設定を教えて下さい。
2
2
 
3
3
 
4
4
 

6

修正

2021/10/08 01:34

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -21,6 +21,8 @@
21
21
  ⑥htmlファイルから自分で使うjavascriptファイルにもscript type="module"を追加
22
22
 
23
23
 
24
+
25
+ 利用ブラウザはGoogle Chromeです。
24
26
 
25
27
 
26
28
 

5

修正

2021/10/08 01:34

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -16,9 +16,9 @@
16
16
 
17
17
  ④npx webpackを実行
18
18
 
19
- ⑤site.bundle.jsをscript type="module"で読み込みするように設定、
19
+ ⑤site.bundle.jsをscript type="module"で読み込みするように設定
20
20
 
21
- ⑥htmlファイルから自分で使うjavascriptファイルにもscript type="module"を追加。
21
+ ⑥htmlファイルから自分で使うjavascriptファイルにもscript type="module"を追加
22
22
 
23
23
 
24
24
 

4

修正

2021/10/08 01:31

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -38,21 +38,21 @@
38
38
 
39
39
  /dist
40
40
 
41
- /site.bundle.js
41
+ - site.bundle.js
42
42
 
43
- /site.bundle.js.map
43
+ - site.bundle.js.map
44
44
 
45
45
  /js
46
46
 
47
- /site.js　※これは何も書いてません。
47
+ - site.js　※これは何も書いてません。
48
48
 
49
49
  /node_modules
50
50
 
51
51
  /vue
52
52
 
53
- /package.json
53
+ - package.json
54
54
 
55
- /webpack.config.js
55
+ - webpack.config.js
56
56
 
57
57
 
58
58
 

3

修正

2021/10/08 01:30

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -46,13 +46,13 @@
46
46
 
47
47
  /site.js　※これは何も書いてません。
48
48
 
49
- /node_modules
49
+ /node_modules
50
50
 
51
- /vue
51
+ /vue
52
52
 
53
- /package.json
53
+ /package.json
54
54
 
55
- /webpack.config.js
55
+ /webpack.config.js
56
56
 
57
57
 
58
58
 

2

修正

2021/10/08 01:30

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -46,7 +46,7 @@
46
46
 
47
47
  /site.js　※これは何も書いてません。
48
48
 
49
- /node_modules/
49
+ /node_modules
50
50
 
51
51
  /vue
52
52
 

1

修正

2021/10/08 01:29

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -40,7 +40,7 @@
40
40
 
41
41
  /site.bundle.js
42
42
 
43
- /site.bundle.js/map
43
+ /site.bundle.js.map
44
44
 
45
45
  /js
46
46