在浏览器中使用NPM模块,使用Browserify、Webpack导出

在浏览器环境中什么Md5.js首先需要按AMD或CommandJs规范导出。

Browserify导出

Browserify模块可以将Md5.js绑定为浏览器可用的,也可以导出为一个单独的浏览器端模块。其导出的模块兼容AMDCMD标准,且会在添加对象到全局空间。

npm install -g browserify // 安装 browserify 
cd node_modules/md5
npm install . // 安装 dev dependencies 
browserify md5.js -s md5 > browserMd5.js // 需要在客户端使用的md5

Webpack导出

Browserify类似,该模块也会导出一个浏览器端使用的类库,且会在添加对象到全局空间,导出后可以像var md5 = xxx这样使用Md5.js。导出时可以设置AMDCMD或其它导出格式。

npm install -g webpack // install webpack 
 
cd node_modules/md5
npm install . // install dev dependencies 
webpack md5.js ./browserMd5.js --output-library md5

完成导出后,就可以像在Node中那样使用md5.js的API:

<html>
<head>
  <title>test Md5.js</title>
</head>
<body>
<script src="./browserMd5.js"></script>
<script>
md5("test")
</script>
</body>
</html>

猜你喜欢

转载自my.oschina.net/sharesuiyue/blog/1820582