webpack和browserify用法

这两种技术都是使用按需加载的模块化的思想来开发项目，让我可以按照node的require模块的方法写前端代码。。两者用法、思想相差不大

1.webpack的安装及使用方法

安装webpack： npm install -g webpack

安装好之后，写一个index.js文件在内部写入：

  var $ = require('./jquery');
  var echarts = require('./echarts');

写好之后编译：

 webpack index.js bundle.js

在页面引入的是bundle.js

 <script type="text/javascript" src="js/bundle.js"></script>

2.browserify的安装及使用方法

安装browserify：

npm install -g browserify

安装好之后，写一个index.js文件在内部写入：


   var $ = require('./jquery');

   var echarts = require('./echarts');

写好之后编译：


browserify index.js > bundle.js

在页面引入的是bundle.js

 <script type="text/javascript" src="js/bundle.js"></script>

test.js：


module.exports = function(n){
    console.log( n || "hello");
}

引入：


var $ = require('./jquery');
var echarts = require('./echarts');
var sayHello = require('./test');
sayHello(); // hello
sayHello('李彦峰');// 李彦峰

下一步学习怎么和grunt或gulp结合起来，监控文件变化，自动实现编译！！

随机推荐

使用NodeJS搭建你的微信机器人
你可以把该程序运行在任何支持 NodeJS 的云平台，或者你自己的 VPS 上。首先你需要理解几个概念： node.js -使用v8引擎的服务器端 JavaScript npm - nodejs
webpack和browserify用法
这两种技术都是使用按需加载的模块化的思想来开发项目，让我可以按照node的require模块的方法写前端代码。。两者用法、思想相差不大 1.webpack的安装及使用方法安装webpack：
基于webpack的前后端分离开发实践
前后端分离开发分析前后端开发分离，即是前后端除商定 API 接口外，其他的开发工作都不再相互干涉，前端开发进度不再受后端影响。以开发一个 SPA 单页应用为例，日常开发工作流程变为：前后端同设
Node多版本管理
为每个项目指定运行的Node版本 nvm 安装nvm, 用于下载和管理NodeJS的版本$ curl -o- https://raw.githubusercontent.com/creationix
nodejs的客户端deploy墨客子链
前提条件：已经在本地建了一个私有链，已经启动了vnode，已经启动两个scs 在vnode上已经有了主账户，并已经启动miner.start()，并且主账户已经有至少200个moac 假设你的主账