Code Monkey home page Code Monkey logo

Comments (3)

robdodson avatar robdodson commented on June 30, 2024

yo webapp will prepopulate the app/scripts/main.js file with paths for bootstrap plugins.

grunt-bower-requirejs relies on bower.json's main attribute to figure out which js files to build paths for. The sass-bootstrap project only has one js file in main, it's ./dist/js/bootstrap.js, so if you run grunt-bower-requirejs that's the only path it will be able to create.

In other words, it currently can't create paths for the individual plugins because they're not listed in bower.json. But bower.json might be going through some revisions to make this possible in the future. I need to check up on that.

from bower-requirejs.

sholtomaud avatar sholtomaud commented on June 30, 2024

Thanks robdodson,

It's strange that yo webapp, is broken out of the box in this regard. If you say yes to sass-bootstrap you get no functionality.

In the mean time if you were going to add you add things like bootstrap-tab.js etc. and then run a grunt.js build, how you do it?

Kind Regards,

Sholto

from bower-requirejs.

robdodson avatar robdodson commented on June 30, 2024

I don't think it's broken, the paths are prepopulated. Bootstrap tab is in there:

require.config({
    paths: {
        jquery: '../bower_components/jquery/jquery',
        bootstrapAffix: '../bower_components/sass-bootstrap/js/affix',
        ...
        bootstrapTab: '../bower_components/sass-bootstrap/js/tab', // <-- here
        bootstrapTooltip: '../bower_components/sass-bootstrap/js/tooltip',
        bootstrapTransition: '../bower_components/sass-bootstrap/js/transition'
    },

If you want to add additional components you should run bower install <some component> --save. So long as that component lists a primary js file in it's bower.json's main attribute then grunt-bower-requirejs will pick it up. If you only want to add the path to your config file you can run grunt bower.

from bower-requirejs.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.