browserify-exorcist(生成sourcemap)

自己写了一个基本的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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值