Gondoltam megnézem pontosan mire is való a webpack, babel.js stb, már régóta tologatom magam előtt. Szerettem volna a hasznosat összekötni a kellemessel, és ezzel újrarendezni az SG Tuning bővítményt.
Jelenleg minden egyes js fájl elejére biggyeszt egy kis webpackBootstrap kódrészletet, és a jquery-t is (pontosan így)
Minden szép és jó, tök hasznos kis gulp scripttekkel van tele, tök jó - de (még) nem működik a dolog.
Mikor betöltöm a bővítményt chromeba, olyan hibákat kapok, mint:
-cleditor is not defined at cleditor.js:189
cleditor.js - webpack bootstrap kód, jquery, majd,
/* WEBPACK VAR INJECTION */(function($) {
/*!
CLEditor WYSIWYG HTML Editor v1.4.5
requires jQuery v1.4.2 or later
---EREDETI cleditor.js fájl
*/
(function ($) {
// jQuery Plugin
$.cleditor = {
/* *********************** */
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))
- továbbá content.js-ben: cp is not defined (ami a settings.js-ben található)
Ezen a képen remekül látszódik, hogy minden fájl a helyére kerül, de a webpacknek hála nem úgy működik mint régen.
Felül a mostani elhelyezkedés, alatta az elkészített, új felépítést használó plugin, alatta meg a hozzátartozó webpack://, amit nem értek. Jelenleg gulp --watch se volt, semmi, de az mégis ott van.
Az a baj, hogy a webpack ahogy közrefogja a script fájlokat, más felépítést kellene adnom nekik? Vagy most ahogy ezt leírtam, ha a scripteket egy fájlba tömöríteném, és azt az egészet fogná közre az működhet?