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

編集履歴

質問編集履歴

13

2021/10/08 22:02

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -25,7 +25,7 @@
25
25
  よろしくお願いします。
26
26
 
27
27
  ```text
28
- // ルート構成　(wwwrootは親ルートなので "/" と同じです。urlの時も　"/" と同じ扱いです)
28
+ // ルート構成　(wwwrootはweb上の親ルートなので urlの時も　"/" と同じ扱いです)
29
29
  /MyProject
30
30
  /wwwroot
31
31
  /dist

12

修正

2021/10/08 22:02

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -9,7 +9,12 @@
9
9
  実施したこと
10
10
  ①Node.js v14をインストール
11
11
  ②package.configを作成
12
+
12
13
  ③npm installを実行
14
+ "vue": "^3.2.19"
15
+ "webpack": "^5.54.0",
16
+ "webpack-cli": "^4.8.0"
17
+
13
18
  ④webpack.config.jsを作成
14
19
  ⑤npx webpackを実行
15
20
  ⑥site.bundle.jsをscript type="module"で読み込みするように設定

11

修正

2021/10/08 01:44

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -7,12 +7,13 @@
7
7
  htmlファイルとjavascriptファイルのみ使っています。
8
8
 
9
9
  実施したこと
10
+ ①Node.js v14をインストール
10
- ①package.configを作成
11
+ ②package.configを作成
11
- ②npm installを実行
12
+ ③npm installを実行
12
- ③webpack.config.jsを作成
13
+ ④webpack.config.jsを作成
13
- ④npx webpackを実行
14
+ ⑤npx webpackを実行
14
- ⑤site.bundle.jsをscript type="module"で読み込みするように設定
15
+ ⑥site.bundle.jsをscript type="module"で読み込みするように設定
15
- ⑥htmlファイルから自分で使うjavascriptファイルにもscript type="module"を追加
16
+ ⑦htmlファイルから自分で使うjavascriptファイルにもscript type="module"を追加
16
17
 
17
18
  利用ブラウザはGoogle Chromeです。
18
19
 

10

修正

2021/10/08 01:44

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,7 +1,9 @@
1
1
  vue.js3のimportがうまくできなくて困ってます。webpack.config.jsの設定を教えて下さい。
2
2
 
3
3
  私の環境ではvue-cliでvueプロジェクトは使えない環境なので、それを前提にしてほしいです。
4
+
4
- そのため、いまのところ.vueファイルについては使用しないです。
5
+ そのため、いまのところ.vueファイルについては使用しないです。typescriptも使ってません。
6
+
5
7
  htmlファイルとjavascriptファイルのみ使っています。
6
8
 
7
9
  実施したこと

9

修正

2021/10/08 01:38

投稿

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

8

修正

2021/10/08 01:36

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,8 @@
1
1
  vue.js3のimportがうまくできなくて困ってます。webpack.config.jsの設定を教えて下さい。
2
2
 
3
3
  私の環境ではvue-cliでvueプロジェクトは使えない環境なので、それを前提にしてほしいです。
4
+ そのため、いまのところ.vueファイルについては使用しないです。
5
+ htmlファイルとjavascriptファイルのみってます。
4
6
 
5
7
  実施したこと
6
8
  ①package.configを作成

7

修正

2021/10/08 01:35

投稿

退会済みユーザー
title CHANGED
@@ -1,1 +1,1 @@
1
- vue3のimportがうまくできなくて困ってます。webpack.config.jsの設定を教えて下さい。
1
+ vue.js3のimportがうまくできなくて困ってます。webpack.config.jsの設定を教えて下さい。
body CHANGED
@@ -1,4 +1,4 @@
1
- webpack.config.jsの設定を教えて下さい。vue3のimportがうまくできなくて困ってます。
1
+ vue.js3のimportがうまくできなくて困ってます。webpack.config.jsの設定を教えて下さい。
2
2
 
3
3
  私の環境ではvue-cliでvueプロジェクトは使えない環境なので、それを前提にしてほしいです。
4
4
 

6

修正

2021/10/08 01:34

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -10,6 +10,7 @@
10
10
  ⑤site.bundle.jsをscript type="module"で読み込みするように設定
11
11
  ⑥htmlファイルから自分で使うjavascriptファイルにもscript type="module"を追加
12
12
 
13
+ 利用ブラウザはGoogle Chromeです。
13
14
 
14
15
  よろしくお願いします。
15
16
 

5

修正

2021/10/08 01:34

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -7,8 +7,8 @@
7
7
  ②npm installを実行
8
8
  ③webpack.config.jsを作成
9
9
  ④npx webpackを実行
10
- ⑤site.bundle.jsをscript type="module"で読み込みするように設定、
10
+ ⑤site.bundle.jsをscript type="module"で読み込みするように設定
11
- ⑥htmlファイルから自分で使うjavascriptファイルにもscript type="module"を追加。
11
+ ⑥htmlファイルから自分で使うjavascriptファイルにもscript type="module"を追加
12
12
 
13
13
 
14
14
  よろしくお願いします。

4

修正

2021/10/08 01:31

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -18,14 +18,14 @@
18
18
  /MyProject
19
19
  /wwwroot
20
20
  /dist
21
- /site.bundle.js
21
+ - site.bundle.js
22
- /site.bundle.js.map
22
+ - site.bundle.js.map
23
23
  /js
24
- /site.js　※これは何も書いてません。
24
+ - site.js　※これは何も書いてません。
25
25
  /node_modules
26
26
  /vue
27
- /package.json
27
+ - package.json
28
- /webpack.config.js
28
+ - webpack.config.js
29
29
 
30
30
  ```
31
31
 

3

修正

2021/10/08 01:30

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -22,10 +22,10 @@
22
22
  /site.bundle.js.map
23
23
  /js
24
24
  /site.js　※これは何も書いてません。
25
- /node_modules
25
+ /node_modules
26
- /vue
26
+ /vue
27
- /package.json
27
+ /package.json
28
- /webpack.config.js
28
+ /webpack.config.js
29
29
 
30
30
  ```
31
31
 

2

修正

2021/10/08 01:30

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -22,7 +22,7 @@
22
22
  /site.bundle.js.map
23
23
  /js
24
24
  /site.js　※これは何も書いてません。
25
- /node_modules/
25
+ /node_modules
26
26
  /vue
27
27
  /package.json
28
28
  /webpack.config.js

1

修正

2021/10/08 01:29

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -19,7 +19,7 @@
19
19
  /wwwroot
20
20
  /dist
21
21
  /site.bundle.js
22
- /site.bundle.js/map
22
+ /site.bundle.js.map
23
23
  /js
24
24
  /site.js　※これは何も書いてません。
25
25
  /node_modules/