自分で調べたところ、browserify-shimを使うのか?という部分までにはたどり着きました。
以下に動作イメージサンプルを提示しておきます。
test.jsはデザイナーさんが触る場所として、test.js内の記述はこのままでも動作するようにしたいです。
宜しくお願いします。
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <script src="assets/js/common.js"></script> 6 <script src="assets/js/test.js"></script> 7</head> 8<body> 9 <p class="test">TEST</p> 10</body> 11</html>
common.js
javascript
1var $ = require('jquery');
test.js
javascript
1$(document).ready(function(){ 2 $(".test").on("click",function(){ 3 alert("click!!!!"); 4 }); 5});