一、gulp 1 var gulp = require('gulp'); 2 var react = require('gulp-react'); 3 4 gulp.task('jsx', function() { 5 gulp.src('./app.jsx') 6 .pi...
转载 2015-12-23 21:48:00
146阅读
2评论
NodeJS 把 JavaScript 的使用从浏览器端扩展到了服务器端,使得前端开发人员可以用熟悉的语言编写服务器端代码。这一变化使得 NodeJS 很快就流行起来。在 NodeJS 社区中有非常多的高质量模块可以直接使用。根据最新的统计结果,NodeJS 的 npm 中的模块数量已经超过了 Ja
转载 2016-03-03 17:48:00
75阅读
2评论
当开始一个React项目的时候,首要的烦人问题就是,编译。似乎考虑到编译就得去学Grunt脚本,就得去写gulp。虽然会写gulp脚本,但仍然觉得这些事情很没必要也很耗时,而且这种脚本的特点是难以debug,相当费时。是否稍做配置就可以完全编译呢?答案是可以的。首先安装browserify,reactify,然后在packages.json中加上:"browserify" : 
转载 精选 2016-08-03 16:05:50
1493阅读
install browserify in windows 1. install git windows application 2. install "npm" and make sure "npm“ command is working 3. open git bash, switch nodejs folder ex: /d/dev/Softwares/nodej...
原创 2023-04-20 00:16:49
70阅读
创建项目结构|-js|-dist //打包生成文件的目录|-src //源码所在的目录 |-module1.js |-module2.js |-module3.js |-app.js //应用主源文件|-index.html|-package.json{ "name": "browserify-test", "version": "1.0.0"}下载browserify全局: npm
原创 2022-11-07 17:41:29
31阅读
0. browserify 是什么?browserify 是目前比较流行的模块打包工具之一(另外一个 webpack)基于流式 (stream) 思想设计可以通过 command line,也可以通过API来使用仅处理 javascript模块化的逆过程,但是推动着模块化的更好发展内置了一些 node core modulenode 模块可以在浏览器端使用,是同构应用的有力武器1. 从 demo
原创 2021-05-24 14:13:38
2262阅读
# 实现browserify选择axios版本 --- ## 简介 在前端开发中,我们常常需要使用到各种第三方库来简化开发过程。而对于模块化工具Browserify和HTTP库Axios,我们可以通过一些方法来选择所需版本。本文将介绍如何使用Browserify来选择特定版本的Axios。 ## 流程概览 下面是整个流程的概括,我们将使用表格来展示每个步骤。 | 步骤 | 描述 | |
原创 2023-09-29 13:09:30
98阅读
使用 watchify 加速 browserify 编译当一个 browserify 项目开始变大的时候,编译打包的时间也会慢慢变得长起来。虽然开始的时候可能只需花 1 秒,然后当你的项目需要建立在一些流行的大型项目的基础上时,它很有可能就变成 30 秒了。这就是为什么 substack 写了 watchify 的原因,一个持续监视文件的
原创 2016-08-03 18:35:34
1481阅读
Browserify 是什么Browserify 是一个浏览器端代码模块化的工具为什么要使用 Browserify 浏览器端的代码模块化有2个明显的好处:1)前端JS可以使用npm包我们知道 npm 中有非常丰富的功能包,但没法在浏览器中直接用,因为他们是按照 nodejs 模块化标准写的,使用 require 和 module.exports 引用和构造模块,浏览器不支持此类语法,所以需要浏览器
原创 2021-04-22 11:06:11
464阅读
Browserify模块化使用教程创建项目结构|-js |-dist //打包生成文件的目录 |-src //源码所在的目录 |-module1.js |-module2.j
原创 2022-10-31 14:30:14
124阅读
Browserify模块化使用教程创建项目结构|-js |-dist //打包生成文件的目录 |-src //源码所在的目录 |-module1.js |-module2.js |-module3.js |-app.js //应用主源文件|-index.html|-package.json { "name": "browserify-test", "version": "1.0.0" }下载browserify全局: n
原创 2021-06-07 19:52:31
379阅读
项目地址: http://riotjs.com/ 备注: 为了简单使用了 browserify 进行构建 1. 项目结构 ├── app.css ├── gulpfile.js ├── index.html ├── package.json ├── README.md ├── sample.tag
原创 2021-07-17 23:53:05
227阅读
包括js模块化,js压缩,css压缩,html模块化等。github源码地址:https://github.com/xutongbao/gulp-es6ml lang="en"><head> <meta charset="UTF-8"> <title&a
原创 2022-07-25 12:31:23
74阅读
ES6-Babel-Browserify使用教程定义package.json文件{ "name" : "es6-babel-browserify", "version" : "1.0.0"}安装babel-cli, babel-preset-es2015和browserifynpm install babel-cli browserify -g ...
原创 2022-10-31 14:30:26
70阅读
What we want is when the server side Node.js files have been changed, we want to use browserify to bundle all file and output just one file and later ...
转载 2015-03-15 16:51:00
98阅读
2评论
包括js模块化,js压缩,css压缩,html模块化等。github源码地址:https://github.com/xutongbao/gulp-es61.目录结构2.index.html gulp 模版 ...
原创 2021-07-29 14:10:19
307阅读
定义package.json文件{"name" : "es6-babel-browserify","version" : "1.0.0"}安装babel-cli, babel-preset-es2015和browserifynpm install babel-cli browserify -g npm install babel-preset-es2015 --save-dev定义.babe
原创 2022-11-07 17:40:38
311阅读
本文来自网易云社区 作者:孙圣翔 注意 文章需要边看边练习,不然你可能忘得速度比看的还快。 地址: ://my.oschina.net/goskyblue/blog/552284 Browserify browserify的官网是://browserify.org/,他的用途是将
转载 2018-09-26 13:15:00
192阅读
2评论
代码如下:index.html main.js mathUtil.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
原创 2022-06-27 11:31:15
257阅读
Gulp / Grunt 是构建工具,可以配合各种平台上的插件做js压缩,各种css编译,页面自动刷新,检查语法等,替代手工实现自动化开发seajs/require和browserify/webpack 这4个都是js模块化的方案seajs / require:是一种在线"编译" 模块的方案,相当于在页面上加载一个 CMD/AMD 解释器。这样浏览器就认识了 define、exports、...
原创 2021-07-09 17:07:08
153阅读
  • 1
  • 2
  • 3
  • 4
  • 5