I would like to use Yeoman to start a project with a framework and requireJs enabled.
If I init a project with Amd and install backbone after, the models/controllers/routes... aren't generated with requireJs.
I have find this topic :
Howto bootstrap Backbone app with yeoman having require.js enabled
But the link of the response is dead... :(
If it helps in any way, I ported over the Peepcode Backbone project to a RequireJS and Yeoman-enabled one here: https://github.com/vishvish/backbone-peepcode-reboot
Yeoman has just changed its MO, and I don't know if that will work with it, but the models, routes, etc, are all there in RequireJS format, hopefully that will help you be on your way.
We have updated the Yeoman backbone generator to support both twitter bootstrap and RequireJS. But it not officially added to npm. But you can try it using
npm install git://github.com/yeoman/generator-backbone.git
Discussion : Not found in npm install
Related
I'm looking into creating an app with typescript and angular 1.6.0. But everywhere I look is using webpack, babel, grunt, gulp, there is no single consensus on which is the best way to proceed with an app like this.
Anyone got any hints?
Thank you.
Do you have a specific need for using angular 1.6.0? As opposed to creating an angular2 project?
You can get more information here: Angular-cli
Angular cli currently includes webpack and you will not need to use gulp or grunt at all. In addition to the angular cli bundling your app together it allows easy build for Ahead of Time Compilation and tree shaking. Having these two features is nice for when you are ready to deploy your application to a production server you can bundle the application into a small package and serve a small amount of JS files.
Using the angular cli also helps you to code with best practices within an angular2 application. You generate new components/directives/pipes with a simple ng generate [component] [name] command.
I would strongly suggest reading through the angular quickstart for ts guide located here: Angular-Quickstart
Also, if you do not want to generate your own projects using the angular-cli. There are various templates online that you can start your application with.
Good luck!
If you are planning to start from scratch, then why not Angular2 ?
My suggestion is Typescript2 + Angular2 with webpack. As stated by #Andy Angular-cli is good to go.
I'm building a app for learning, and I have these major components.
My first question is if these parts are a good foundation for an angularJS app.
I've read in some cases that RequireJS is not a good idea, but not sure why.
My goal is to have a dev environment set up where I have unit and e2e tests, and I want to have this in place before I start coding.
I'm having trouble getting these pieces to work together, and as I push through the issues I thought I'd ask what the latest best practice is to build a non trivial angularJS app.
I have a project that uses AngularJS + RequireJS + Bower + Karma in Github that you can take a look:
http://marcoslin.github.io/angularAMD/
For me, RequireJS has worked very nicely with AngularJS and together it helped tremendously in both application load time and code organisation. I do not use Yeoman yet but Grunt and Bower serve as key foundation for dependency sourcing and building of final project. Karma is a must for unit testing. You should be able see all these components working together in angularAMD Github project.
Your question is a little vague, and answers will be mostly opinions. Anyway, here's mine…
You definitely need node to run all the modern javascript web development tools. (grunt, yeoman, karma, mocha, jshint, uglify, coffee, etc, etc.) Bower is nice to have for updating your client packages. RequireJS is useful for module loading, but not necessary. It should work with AngularJS, but keep in mind that the angular "modules" are completely different from RequireJS "modules". If I were you, I'd work through the Angular tutorial to get a good understanding. Then start your project with yeoman: yo angular.
I am using AngularJS v1.2.0-rc.3 with a project using ng-boilerplate. I want to use Bootstrap 3 so I've changed the bower file to use the branch for version 3, but now grunt fails when running the karma tests. I've isolated the problem to module dependencies on ui.bootstrap but I can't figure out what's wrong. Any ideas?
You'll probably need to fork it for now and change the dependency on ui.bootstrap to use their BS3 branch found here: https://github.com/angular-ui/bootstrap/tree/bootstrap3_bis2
It turns out that I had to build the angular-ui-bootstrap package with grunt and change build.config.js vendor_files to use vendor/angular-ui-bootstrap/dist/ui-bootstrap-tpls-0.6.0-SNAPSHOT.min.js
If you're relatively new to ng-boilerplate and want to get jump started with angular support for boostrap3 this fork might be helpful.
https://github.com/MorrisLLC/ng-boilerplate
It uses the lastest versions of the boilerplate vendor libraries and most recent versions of the grunt tasks.
See the Quick Start for modified instructions on building angular-bootstrap. You have to build it because the current angular bootstrap branch does not include the tpls files (templates).
I ran into the same issue and already had written a lot in bootstrap 2.3.2. Instead of starting all over with someone else's git repo, you could just update several files:
build.config.js add in the vendor/bootstrap/js/.js where the file is the javascript that you are planning to use.
less/main.less which imports the bootstrap less. You could use specific less files from bootstrap or do an import of everything with:
#import '../../vendor/bootstrap/less/bootstrap.less';
I would like to use Yeoman and build a Backbone + Marionette + RequireJS project.
What are the things to consider and what are the actual commands I should run inorder to get things up and running.
Currently yeoman doesn't have official marionette generator - issue.
But you can try to modify Backbone.js generator for your needs.
Also you can check Yeoman generator for Express, Marionette and Backbone with AMD
There is a backend agnostic yeoman generator for the client aspect of a Backbone Marionette app called generator-maryo.
I'm playing with yeoman for a time now. I wonder how I accomplish bootstrapping a Backbone application and having require.js enabled at the same time.
yeoman init
provides me with a setup where I can work with modules in AMD style.
yeoman init backbone:all
provides me with a Backbone scaffold but I had to "include" all my models, collection etc. manually in index.html.
Is there a way to have both?
Regards Felix
We have updated the Yeoman backbone generator to support RequireJS. But it not officially added to npm. But you can try it using
npm install git://github.com/yeoman/generator-backbone.git
Discussion : Not found in npm install
The backbone generator supports yeoman 1.0beta. Try
yo backbone
You will receive a conditional prompt for RequireJS.
UPDATE 1
Backbone generartor is available on npm.
Try npm install generator-backbone
UPDATE 2
RequireJS with --coffee option is now supported in backbone generator v0.2.2
There's already an open issue for this. Add your thoughts there :)
Hi I developed a generator for that, take a look at https://github.com/abiee/generator-backbone-amd
I was trying the same today. What I did ultimately was to perform yeoman init first. Then again yeoman install backbone. Console will ask if you want to override files. Do not override main.js & index.html. Rest you may.
This won't give you perfect start. But, most of the things will be in place.