browserify-exorcist(生成sourcemap)

来源:互联网 发布:写日记什么软件最好 编辑:程序博客网 时间:2024/06/05 04:51

自己写了一个基本的browserify 的脚本文件用于打包文件。
1.首先在当前项目下安装browserify和exorcist用于生成文件对应的source map,
2.写一个脚本来运行打包任务bundle.js

#!/usr/bin/env nodevar 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
原创粉丝点击