Skip to content

Instantly share code, notes, and snippets.

@shuhei

shuhei/app.js

Created April 13, 2015 16:41
Show Gist options
  • Save shuhei/3f3a2d0c8b8bae44d3a8 to your computer and use it in GitHub Desktop.
Save shuhei/3f3a2d0c8b8bae44d3a8 to your computer and use it in GitHub Desktop.
Download ZIP
Browserify + Angular: separate vendor and app js
Raw
app.js
var angular = require('angular');
angular.module('myapp', [])
.controller('AppController', function ($scope) {
$scope.name = 'Browserify Angular App';
});
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<script src="dist/vendor.js"></script>
<script src="dist/app.js"></script>
</head>
<body ng-app="myapp">
<div ng-controller="AppController">
Hello, {{name}}!
</div>
</body>
</html>
Raw
package.json
{
"name": "browsrify-angular-test",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"vendor": "mkdir -p dist && browserify --require angular > dist/vendor.js",
"app": "mkdir -p dist && browserify --external angular app.js > dist/app.js",
"build": "npm run vendor && npm run app"
},
"author": "Shuhei Kagawa",
"license": "ISC",
"dependencies": {
"angular": "^1.3.15"
},
"devDependencies": {
"browserify": "^9.0.8"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment