Menu icon Foundation

Designer

My Posts

No Content

My Comments

Petr Ogurcak commented on Tony Tyson's post 10 days

@Rafi, I run into some issues with the instructions there http://foundation.zurb.com/forum/posts/53526#comment_39031 Please can you have a look? Are you going to write some documentation how to install javascripts plugin via npm / yarn and webpack ?

Petr Ogurcak commented on Martin's post 13 days

I have the same issue.. 
- I installed for example nette.ajax.js via yarn
- added it to config.yml
entries:
- "node_modules/nette.ajax.js/nette.ajax.js"
- created assets/js/lib/dependencies.js
// custom dependencies
import nette_ajax from 'nette.ajax.js';

const deps = {

nette_ajax: nette_ajax

};

module.exports = deps;
 
- added this piece of code to app.js
import $ from 'jquery';
import whatInput from 'what-input';

window.$ = $;

//import Foundation from 'foundation-sites';
// If you want to pick and choose which modules to include, comment out the above and uncomment
// the line below
import './lib/foundation-explicit-pieces';

import libs from './lib/dependencies';

window.libs = libs;

$(document).foundation();
 
and I run into this issue
jQuery is missing, load it please
 
Why is it happening? What's wrong? Is there any tutorial how to do that?

Petr Ogurcak commented on Martin's post 14 days

I have the same issue.. 
- I installed for example nette.ajax.js via yarn
- added it to config.yml
entries:
- "node_modules/nette.ajax.js/nette.ajax.js"
- created assets/js/lib/dependencies.js
// custom dependencies
import nette_ajax from 'nette.ajax.js';

const deps = {

nette_ajax: nette_ajax

};

module.exports = deps;
 
- added this piece of code to app.js
import $ from 'jquery';
import whatInput from 'what-input';

window.$ = $;

//import Foundation from 'foundation-sites';
// If you want to pick and choose which modules to include, comment out the above and uncomment
// the line below
import './lib/foundation-explicit-pieces';

import libs from './lib/dependencies';

window.libs = libs;

$(document).foundation();
 
and I run into this issue
jQuery is missing, load it please
 
Why is it happening? What's wrong? Is there any tutorial how to do that?
 

Posts Followed


  • 6
    Replies
  • Foundation 6.4.1 - Add JS files

    By Martin

    js6.4.1

    Hi all,  Ive installed a clean version of 6.4.1 through the CLI. On previous versions I would add a js file into the js folder and it would be compiled into app.js file, just as the foundation docs outline.   I'm unfamiliar with webpack, but ... (continued)

    Last Reply by Petr Ogurcak 14 days ago





Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Tony Tyson's post 10 days

@Rafi, I run into some issues with the instructions there http://foundation.zurb.com/forum/posts/53526#comment_39031 Please can you have a look? Are you going to write some documentation how to install javascripts plugin via npm / yarn and webpack ?

You commented on Martin's post 13 days

I have the same issue.. 
- I installed for example nette.ajax.js via yarn
- added it to config.yml
entries:
- "node_modules/nette.ajax.js/nette.ajax.js"
- created assets/js/lib/dependencies.js
// custom dependencies
import nette_ajax from 'nette.ajax.js';

const deps = {

nette_ajax: nette_ajax

};

module.exports = deps;
 
- added this piece of code to app.js
import $ from 'jquery';
import whatInput from 'what-input';

window.$ = $;

//import Foundation from 'foundation-sites';
// If you want to pick and choose which modules to include, comment out the above and uncomment
// the line below
import './lib/foundation-explicit-pieces';

import libs from './lib/dependencies';

window.libs = libs;

$(document).foundation();
 
and I run into this issue
jQuery is missing, load it please
 
Why is it happening? What's wrong? Is there any tutorial how to do that?

You commented on Martin's post 14 days

I have the same issue.. 
- I installed for example nette.ajax.js via yarn
- added it to config.yml
entries:
- "node_modules/nette.ajax.js/nette.ajax.js"
- created assets/js/lib/dependencies.js
// custom dependencies
import nette_ajax from 'nette.ajax.js';

const deps = {

nette_ajax: nette_ajax

};

module.exports = deps;
 
- added this piece of code to app.js
import $ from 'jquery';
import whatInput from 'what-input';

window.$ = $;

//import Foundation from 'foundation-sites';
// If you want to pick and choose which modules to include, comment out the above and uncomment
// the line below
import './lib/foundation-explicit-pieces';

import libs from './lib/dependencies';

window.libs = libs;

$(document).foundation();
 
and I run into this issue
jQuery is missing, load it please
 
Why is it happening? What's wrong? Is there any tutorial how to do that?
 

Posts Followed

Following

  • No Content

Followers

  • No Content