技巧：npm下载的包编译打包成成浏览器可以直接使用的JS包

npm包编译打包成浏览器可直接运行的脚本

为什么如此打包请参考阅读我写的关于前端模块化规范文章： https://blog.youkuaiyun.com/weixin_39651356/article/details/127602213
 
背景： 现在很多包压根就不提供直接js引入的方式，由于是后端，本人非常排斥每次发布前端项目都要进行编译打包，故闲暇时间学习了下如何将npm打包成浏览器直接引入的js文件，注意并不能每次npm包打包后都能用，我也不清楚为什么，不能用的话那就换一个包用呗，反正npm上有天量的轮子

基本步骤

 

//步骤1：下载编译打包工具 == 全局安装将browserify作为系统级命令，cmd打开就可以用
npm install -g browserify

//步骤2：下载需要编译打包的工具
npm install 包名

//新建随便一个test.js文件 == 内容如下的两行
let 包名 = require('包名')
window.包名 = 包名

//开始编译打包test.js成浏览器可直接识别的代码 == bundle.js即是浏览器可直接使用的代码
browserify test.js路径  -o  bundle.js

案例

markdown-it的插件markdownItTocDoneRight

插件信息： https://www.npmjs.com/package/markdown-it-toc-done-right-extended

//初始化当前目录为npm管理的web工程
npm init

//打包工具全局安装
npm install -g browserify

//安装=待编译打包的=toc导航工具
//https://www.npmjs.com/package/markdown-it-toc-done-right-extended
npm install markdown-it-toc-done-right

//创建文件，用于编译打包，将markdown-it-toc-done-right模块设置为全局变量
touch .\src\test-handleImport\markdownItTocDoneRight.js

//打包
browserify.cmd .\src\test-handleImport\markdownItTocDoneRight.js -o .\dist\markdownItTocDoneRight2.js

//浏览器直接引用、测试