相关内容

前端模块化工具 Browserify
browserify 是什么 browserify 是一个浏览器端代码模块化的工具为什么要使用browserify 浏览器端的代码模块化有2个明显的好处:1)前端js可以使用npm包 我们知道 npm 中有非常丰富的功能包,但没法在浏览器中直接用,因为他们是按照 nodejs 模块化标准写的,使用 require 和 module.exports 引用和构造模块,浏览器不...
如何通过browserify获得缩小输出?(2 个回答)
刚开始使用browserify,但我找不到文档来说明如何让它缩小输出。 所以我看起来像这样: $> browserify main.js > bundle.js --minified...
具有Browserify v2的全局需求(1 个回答)
如何使用browserify来捆绑我的文件? 需要在我的browserify内部绑定bundle.jshtml页面中的某个模块。 目前这是不可能的,因为页面上没有定义任何require功能。 似乎require由bundle.jsbrowserify in定义的函数在iife中,所以我不能使用它。 是否有可能把这个出来代替全局require? require the `app` module inside ...
如何用Browserify在Gulp中丑化输出?(2 个回答)
我试图在gulp中丑化browserify的输出,但它不起作用。 gepfile.js var browserify = require(browserify); var gulp = require(gulp); var uglify = require(gulp-uglify); var source = require(vinyl-source-stream); gulp.task(browserify, function() { return browserify(.sourcescriptsapp.js)bundle() .pipe...
使用browserify后保留原始打字稿源地图(2 个回答)
我有一个感觉这个问题:https :github.comsubstacknode-browserifyissues325有点相关,但我无法弄清楚问题是如何解决的。 也建议使用https:github.comsubstackbrowser-pack,但是我又不完全理解如何使用它,它是对browserify的替代吗? 底线,我想合并2个js文件,但使用browserify将js“合并”为ts源地图。 那可能吗...
使用npm+gulp+browserify网页前端开发
在一定程度上,nodejs的bower插件可以维护amd类库的依赖,但和requirejs合并共处,我一直没搞明白。 抽时间梳理了一下npm+gulp+browserify的组合,感觉还不错。 npm来管理cmd类库的依赖,browserify来进行cmd到amd的转换,gulp来管理browserify进行自动构建。 构建前是多个js,构建后会把编写的代码js和依赖的类库打包...
Vue.js——60分钟browserify项目模板快速入门
下面这幅流程图描述了这个编译过程:? 在git bash窗口执行npm run dev命令时,也能够观察到编译过程。 ? watchify 是什么东东呢? browserify的编译是比较缓慢的,当一个browserify项目开始变大时,编译打包的时间会变得较长。 watchify是一个browserify的封装,其在package.json中的配置和browserify是一样的...
如何解决browserify出现的错误: usr bin env:node:No such file or directory(2 个回答)
我通过apt-get install和所有依赖安装了节点js和npm,然后安装了browserify npm install browserify -g 它贯穿整个过程,看起来似乎正确安装, 我收到错误: usrbinenv: node: no such file or directory ?...
Browserify如何调用在浏览器中通过浏览生成的文件中绑定的函数?(3 个回答)
我对nodejs和browserify很陌生。 有文件main.js,其中包含以下代码 var unique = require(uniq); var data = ; this.logdata =function(){console.log(unique(data)); 现在用npm安装uniq模块: npm install uniq 然后,将所有必需的模块(从main.js开始)捆绑到一个名为bundle.js的文件中,并使用browserify命令: ...
如何使用Grunt+Browserify创建独立的Reaction包且使用外接程序进行响应?(2 个回答)
我试图将grunt&browserify配置为输出一个独立的包,其中包括作为commonjs模块的reaction,以便其他包能够引用它。 我现在遇到的问题是,混叠似乎行不通。 尽管我的外部包在vendor下面有特定的别名,并且指定这些模块应该在所有其他模型中外部加载,我仍然在运行时得到一个错误,说“the react module cannot be found...
Node.js 说明
环境内的内置库node.js 12.16 运行时内已支持的库如下表:库名称版本 cos-nodejs-sdk-v52. 5.20 base64-js1.3. 1 buffer5. 5.0 crypto-browserify3.12. 0 ieee7541. 1.13 imagemagick0.1. 3 isarray2. 0.5 jmespath0.15. 0 lodash4. 17.15 microtime3.0. 0 npm6. 13.4 punycode2.1. 1 puppeteer2. 1.1 qcloudapi-sdk0...
Uglify发生解析错误?(2 个回答)
使用gup-uglify和browserify时,会出错。 events.js:72 throw er; unhandled error event ^error at new js_parse_error(homerkmaxmy-projectnode_modulesgulp-uglifynode_modulesuglify-jslibparse.js:189:18) at js_error(homerkmaxmy-projectnode_modulesgulp-uglifynode_modulesuglify-jslibparse.js:197:11) at ...
Truffle - 以太坊Solidity编程语言开发框架1. Truffle简介2. Truffle客户端3. 创建一个工程4. 编译合约5. 移植6. 构建应用7. 合约交互8. 测试合约9. 控
所以不能提供browserify,webpack和commonjs这样的工具。 由此让依赖管理变得有些困难。 这是一套自定义的构建系统,与其它流行构建系统不兼容。 它可以扩展,但是自定义的方法和api。 默认构建在将来可能会被取代,但在较长时间里,都将会是默认的以支持之前构建的dapp.truffle提供了许多方式来切换到不同的构建流程...
Github 4 万 Star!最全面的 Node.js 资源汇总推荐
探索使用相同系统文件连接所有计算设备的分布式文件系统stackgl - 建立在browserify 和 npm 之上的 webgl 开放软件生态系统peerwiki - 所有 bittorrent上的维基百科peercast - chromecast 上的视频种子播放软件bitcoinjs - 简洁,可读性强的,可靠的比特币库bitcore - 纯净强大的比特币库pdfkit - pdf 生成库turf ...

前端科普系列(3):CommonJS 不是前端却革命了前端
譬如 browserify 、webpack 等等。 我们以 webpack 为例,看看如何实现对 commonjs 规范的支持。 我们使用 webpack 构建时,把各个模块的文件内容按照如下格式打包到一个 js 文件中,因为它是一个立即执行的匿名函数,所以可以在浏览器直接运行。 bundle.js(function (modules){ 模块管理的实现})({ a.js: function ...

Vue,开启前端之路
由于npm的有些资源被墙,为了更快更稳定,可以切换到淘宝的npm镜像——cnpm。? 2.png 安装node.js 在用 vue.js 构建大型应用时推荐使用 npm 安装,npm 能很好地和诸如 webpack 或 browserify 模块打包器配合使用。 vue.js 也提供配套工具来开发单文件组件。 命令行:npm install vue,因为我已经安装,就不重复执行。?...
【云+社区年度征文】webpack 学习笔记系列02-模块化开发
随着 browserify 和 webpack 等打包工具的崛起,通过处理的 commonjs 前端代码也可以在浏览器中使用。 sayhi.jsvar hi = hello world; function sayhi() { return hi;}module.exports = sayhi; index.jsvar sayhi = require(.sayhi.js); console.log(sayhi()); commonjs 的语法,使用 require 导入模块,使用 module...
【云+社区年度征文】webpack 学习笔记系列01-基础命令与常见配置
禁用 require.include requireensure: false,禁用 require.ensure requirecontext: false, 禁用 require.context browserify:false, 禁用 browserify requirejs: false, 禁用 requirejs } }]} 3. 7. 3 module.rules 模块解析规则配置 webpack 处理模块时将符合规则条件的模块,提交给对应的处理器来处理。 3.7.3...
【基础】package.json文件详解
{node: 0.10.x}, bugs:{url:http:github.com,email:bug@example.com},contributors:, scripts: { start: node index.js }, dependencies:{ express: latest, mongoose: ~3. 8.3, md5: ^1.2. 0 }, devdependencies: { bower: 1.2.8, grunt: ~0.4.1, browserify: ^2. 36.1, }} 4. 字段说明name # 名称version # 版本...

零基础的小明要如何成为前端工程师?
而背后的原理就是靠着browserify 去帮你实作 require 这个函式,自动帮你处理好背后的相依性问题。 有了 require 的机制以后,在写 javascript 的时候你就可以分成好几个文件来写,最后再透过 browserify 把代码组装起来:? 利用 require 引入想用的模块最后透过 browserify,会产生一个 bundle.js,顾名思义,所有...