自己写了一个基本的browserify 的脚本文件用于打包文件。
1.首先在当前项目下安装browserify和exorcist用于生成文件对应的source map,
2.写一个脚本来运行打包任务bundle.js
#!/usr/bin/env node
var browserify = require('browserify')
, path = require('path')
, fs = require('fs')
, exorcist = require('exorcist')
, basePath = './js/'
, entryFile = './js/demo.js'
, distFile = path.join(__dirname, basePath, 'dist/bundle.js')
, mapfile = path.join(__dirname, basePath, 'dist/bundle.js.map');
/** 此处官方给出的例子有错误,不能将debug参数放在bundle方法内,
browserify('./src/js/main', { debug: env !== 'production' }).bundle()
* */
browserify(entryFile,{debug:true})
.bundle()
.pipe(exorcist(mapfile))
.pipe(fs.createWriteStream(distFile, 'utf8'));
3.bundle.js放在项目的根目录下,同时在根目录下的package.json中配置一句
"scripts": {
"bundle": "node ./bundle.js"
},
4.在命令终端运行npm run bundle