browserify使用「建议收藏」

browserify使用「建议收藏」一、简介browserift是javascript编译工具,可以通过预编译方式,将后端的node模块加入javascript中,进而可在前端浏览器上执行。二、安装1、安装nodejs和npmnodejs是node的运行环境,npm是node的包管理工具。它们的安装在此略过(可参数本博客其它文章)。2、browserify安装命令:npminstall-gbrowserify三、使…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

一、简介
browserift是javascript编译工具,可以通过预编译方式,将后端的node模块加入javascript中,进而
可在前端浏览器上执行。
二、安装
1、安装nodejs和npm
nodejs是node的运行环境,npm是node的包管理工具。它们的安装在此略过(可参数本博客其它文章)。
2、browserify安装
命令:npm install -g browserify
三、使用步骤
1、编写node代码;
2、使用browerify预编译node代码为bundle.js(命令格式为:browerify nodejs代码 > bundle.js )
3、在前端页面引用bundle.js(<script src=”bundle.js”></script>)
四、示例
1、node代码 hello.js

// 添加jquery支持
$ = require('jquery')
var uniq = require('uniq');
var nums = [3, 2, 3];
$("#btnId").click(function () {
    alert(uniq(nums));
});

Jetbrains全家桶1年46,售后保障稳定

2、使用browserify对hello.js预编译生成bundle.js
browserify hello_m_study.js > bundle.js
3、前端hello.html引用bundle.js

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <button id="btnId">press</button>
    <script src="bundle.js"></script>
</body>
</html>

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/222899.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 【Yolov5】1.认真总结6000字Yolov5保姆级教程[通俗易懂]

    爆肝6000字Yolov5保姆级教程,80岁老奶奶都看得懂。文章特点:一个完整的流程,从头教到尾,不讲冗长的理论,实操

    2022年4月8日
    504
  • 基于java的选课系统课程设计_java学生管理系统界面设计

    基于java的选课系统课程设计_java学生管理系统界面设计Java课程设计_学生选课管理系统需求分析本数据库的用户主要是学生,通过对用户需求的收集和分析,获得用户对数据库的如下要求。1.信息需求学生信息:学号,姓名,性别,专业登陆信息:账号,密码课程信息:课程号,课程名,选课人数,选课容量,任课老师选课信息:课程号,学生学号登录信息:账号、密码2.功能需求系统为学生建立登陆信息,学生进入系统前需要身份验证,用户名、密码输入正确后方可进入系统。在系统中,用户可以在界面中看到本人的基本信息,也可以对课程信息表和个人选课信息表进行查看、以及

    2022年8月31日
    6
  • python发邮件脚本详解_Python发邮件脚本

    python发邮件脚本详解_Python发邮件脚本收集的一个 Python 发邮件脚本 实现在不搭建邮件服务器的环境下 通过调用其它邮箱发送邮件 vimmail py 内容如下 usr bin envpython coding UTF 8 importos sysreload sys sys setdefaulten utf8 importgetopt MIM

    2025年7月23日
    4
  • pycharm安装使用_anaconda环境变量配置

    pycharm安装使用_anaconda环境变量配置1.打开AnacondaPrompt,进入虚拟环境condaactivateTF1.142.安装pyinstaller,在anaconda中输入pipinstallPyInstaller3.在pycharm中配置pyinstaller打开Pycharm,进入settings按下图操作3.1点击ExternalTools3.2点击新建3.3输入任意名称3.4在E:\RuanJian\Anaconda\anzhuang\envs\TF1.14\Scripts\路径

    2022年8月26日
    4
  • 看透木马_看透别说透

    看透木马_看透别说透一、必备基础知识在介绍木马的原理之前有一些木马构成的基础知识我们要事先加以说明,因为下面有很多地方会提到这些内容。一个完整的木马系统由硬件部分、软件部分和具体连接部分组成。小知识:  “木马”全称是“特洛伊木马(TrojanHorse)”,原指古希腊士兵藏在木马内进入敌方城

    2022年10月14日
    1
  • linux下的删除文件命令,Linux下删除文件命令「建议收藏」

    linux下的删除文件命令,Linux下删除文件命令「建议收藏」在linux中删除文件与文件夹我们可以直接使用rm就可以删除了,彻底删除文件或文件夹我们可以使用shred命令来完成,接下来是小编为大家收集的Linux下删除文件命令,希望能帮到大家。Linux下删除文件命令linux删除目录很简单,很多人还是习惯用rmdir,不过一旦目录非空,就陷入深深的苦恼之中,现在使用rm-rf命令即可。直接rm就可以了,不过要加两个参数-rf即:rm-rf目录名字…

    2022年7月26日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号