[Whole Web] [Node.js] [Browserify] [Grunt] Automation task with grunt-browserify & grunt-contrib-watch
2015-03-15 16:51
267 查看
What we want is when the server side Node.js files have been changed, we want to use browserify to bundle all file and output just one file and later to show the console result in the browser.
For this, frist we need auto-watch: grunt-contrib-watch:
Then we also install grunt-browserify:
Create 'GruntFile.js' and put in:
What it says is that:
1. Watch all the files under server dir, including nested dir and theirs files.
2. Once those files have been modified, run browserify task.
3. The browserify task says that: bundle all the files in server dir and output to server-build dir's app.js file.
Then you can run:
Test file:
server/app.js:
server/test.js:
More:
http://codeofrob.com/entries/grunt+browserify+npm+application=success.html
https://github.com/jmreidy/grunt-browserify
For this, frist we need auto-watch: grunt-contrib-watch:
npm install grunt-contrib-watch --save-dev
Then we also install grunt-browserify:
npm install grunt-browserify --save-dev
Create 'GruntFile.js' and put in:
module.exports = function(grunt) { grunt.initConfig({ browserify: { 'server-build/app.js': ['server/**/*.js'] }, watch: { files: ["server/**/*.js"], tasks: ['browserify'] } }); grunt.loadNpmTasks('grunt-browserify'); grunt.loadNpmTasks('grunt-contrib-watch'); }
What it says is that:
1. Watch all the files under server dir, including nested dir and theirs files.
2. Once those files have been modified, run browserify task.
3. The browserify task says that: bundle all the files in server dir and output to server-build dir's app.js file.
Then you can run:
grunt watch
Test file:
server/app.js:
var test = require('./test'); console.log(test());
server/test.js:
module.exports = function(){ return "Hello World"; }
More:
http://codeofrob.com/entries/grunt+browserify+npm+application=success.html
https://github.com/jmreidy/grunt-browserify
相关文章推荐
- grunt-contrib-watch 监控 JS 文件改变来运行预定义的Tasks
- [Whole Web, Node.js PM2] Loggin with PM2
- [Whole Web] [Node.js] Using npm run to launch local scripts
- vue2&nodejs&webpack
- [Whole Web] [AngularJS] Localize your AngularJS Application with angular-localization
- RESTful API Design With NodeJS & Restify
- [Whole Web] [Node.js, PM2] Controlling runaway apps using pm2
- [Grunt] Watch && grunt-contrib-watch
- [Whole Web, Node.js, PM2] Configuring PM2 for Node applications
- web Update node.js & npm on Mac
- [转] Creating a Simple RESTful Web App with Node.js, Express, and MongoDB
- Read Web Component Architecture & Development with AngularJS.pdf(AngularJS 开发Web结构页面电子书下载)
- [Node.js] Web Scraping with Pagination and Advanced Selectors
- [Whole Web, Node.js, PM2] Restarting your node.js app on code change using pm2
- [Whole Web] [AngularJS + Grunt] Using ng-html2js to Convert Templates into JavaScript
- My first web project with Node.js
- Save and render a webpage with phantomjs and node.js
- [Docker] Build a Simple Node.js Web Server with Docker
- <<Combating Web Spam with TrustRank>>的实验
- Getting Started With Node.js and mongoDB