在Chrome控制台注入npm模块

东西和材料

正文

上次研讨了如安在java内置javascript诠释器nashorn中加载npm模块,这两天手头又有一个需求,要在Chrome浏览器的开辟者掌握台中加载一样的npm模块,以便在掌握台中考证一些主意。
由于对前端开辟不算熟习,不知道有无别的的好计划,这个是我本身探索的,但确切可用。

流程

  1. npm下载browserify
    npm i browserify -g
  2. 写一个简朴js文件,运用require加载npm模块,并注入到window对象
    window.acorn = require("./acorn")
  3. 运用browserify打包这个js,该东西会自动把一切依靠的npm模块和简朴js打包成单个js文件
    browserify entry.js > require_acorn.js
  4. 把require_acorn.js文件的内容粘贴到开辟者掌握台并实行,然后就能够运用了

代码紧缩

到这里实在桌面Chrome浏览器就没有问题了,我又用inspector连上安卓版Chrome试了一下,效果掌握台崩了……
预计是acorn太大了,毕竟有5000多行,因而又试了试紧缩:

  1. npm下载uglify.js
    npm i uglify-js -g
  2. 紧缩前面天生的单个js包
    uglifyjs require_acorn.js > require_acorn.min.js

此次果真没有问题了,在掌握台实行typeof acorn可看到模块已准确加载。

    原文作者:rockswang
    原文地址: https://segmentfault.com/a/1190000017853276
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞