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