質問編集履歴
1
改行修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,18 +1,44 @@
|
|
|
1
1
|
問題）
|
|
2
2
|
|
|
3
|
+
jquery.lazyload.jsと$(○○).lazyloadを利用する.jsファイルを結合する
|
|
4
|
+
|
|
5
|
+
ためimport及びrequireで定義、下記設定のwebpackでコンパイルを実行、
|
|
6
|
+
|
|
3
|
-
|
|
7
|
+
その後、index.jsx内の<script src='結合した.js'></script>と定義
|
|
8
|
+
|
|
9
|
+
すると、require is not definedとエラーになる
|
|
4
10
|
|
|
5
11
|
開発環境）
|
|
6
12
|
|
|
7
|
-
・jQueryからReact.jsベースに書き換えるため、コンパイル結合にwebpack
|
|
13
|
+
・jQueryからReact.jsベースに書き換えるため、コンパイル結合にwebpack
|
|
8
14
|
|
|
15
|
+
を利用（gulp、grantは本件では扱わないため除外します）
|
|
16
|
+
|
|
17
|
+
・express(node.js)のapp.jsで、css/jsのhtml(.jsx)から./及び/で
|
|
18
|
+
|
|
19
|
+
アクセスできるリンク先をプロジェクト名/publicに指定 →よって、index.jsx
|
|
20
|
+
|
|
9
|
-
|
|
21
|
+
(プロジェクト名/views)から<script src=○○.js></script>を指定する
|
|
22
|
+
|
|
23
|
+
には、プロジェクト名/public内に記載しなければ参照できない
|
|
24
|
+
|
|
25
|
+
→ ☓ ./../別のjsファイル.js
|
|
10
26
|
|
|
11
27
|
状況）
|
|
12
28
|
|
|
13
|
-
webpackでコンパイルした筈の.jsファイルをindex.jsxで<script src・・・
|
|
29
|
+
webpackでコンパイルした筈の.jsファイルをindex.jsxで<script src・・・
|
|
14
30
|
|
|
15
|
-
|
|
31
|
+
から指定すると、require is not definedとエラーになる
|
|
32
|
+
|
|
33
|
+
→ では、index.jsx内に複数のjsを網羅的に<script src・・・を複数記載
|
|
34
|
+
|
|
35
|
+
すればいいのでは？と思いやってみるが、今度は、js同士の結合ができていない
|
|
36
|
+
|
|
37
|
+
状態（jquery.lazyload.jsと$(○○).lazyloadを使うjsファイル）となり、
|
|
38
|
+
|
|
39
|
+
lazyload is not definedとエラーになる（別issueに記載、.ejsでは
|
|
40
|
+
|
|
41
|
+
問題ないが、.jsx内に書くからそうなるのか？現在質問済み、回答待ち）
|
|
16
42
|
|
|
17
43
|
```
|
|
18
44
|
|