- 综合排序
- 最热优先
- 最新优先
- 来自专栏快乐阿超
browserify
今天又来分享个好东西：https://browserify.org/ 这个玩意儿可以帮我们把npm下载的依赖，使用script标签引入： 先安装： pnpm install -g browserify = require('模块名') window.模块名 = 模块名 // 例如 const outils = require('outils') window.outils = outils 生成 browserify main.js -o [文件名] # 例如 browserify main.js -o bundle.js 然后我们引入这个js试试 <script src="bundle.js"></script>
40110编辑于 2022-08-21 - 来自专栏全栈程序员必看
Browserify_browses
1.Browserify是什么？ “Browserify lets you require(‘modules’) in the browser by bundling up all of your dependencies.” – Browserify.org 用通俗的话讲就是：browserify 是一个浏览器端代码模块化工具，可以处理模块之间的依赖关系，让服务器端的 CommonJS 格式的模块可以运行在浏览器端。 2.我们用Browserify来做什么 Browserify的原理：处理代码依赖，将模块打包到一起，实现压缩合并代码。 3.安装 npm install -g browserify 4.示例 main.js 的内容，像普通的 nodejs 程序那样使用 require() 加载库和文件。
44250编辑于 2022-11-17 - 来自专栏性能与架构
前端模块化工具 Browserify
Browserify 是什么 Browserify 是一个浏览器端代码模块化的工具 为什么要使用 Browserify 浏览器端的代码模块化有2个明显的好处： 1）前端JS可以使用npm包 工作原理 开发时使用nodejs的模式，正常使用 require 和 module.exports，在部署前使用 Browserify 进行编译 Browserify 会对代码进行解析，整理出代码中的所有模块依赖关系 /foo.js'); console.log(foo(5)); 执行测试 $ node test.js 输出 555 使用 Browserify 编译打包 $ browserify test.js 比我们原始的 test.js 复杂很多，所以 Browserify 提供了 debug 模式，可以让我们在开发阶段使用 编译打包时加上 debug 选项 $ browserify test.js > 的基本用法，希望对您的前端开发有帮助，更多用法可以查看官网 http://browserify.org
3.7K40发布于 2018-04-03 - 来自专栏云架构修炼手册
使用npm+gulp+browserify网页前端开发
抽时间梳理了一下npm+gulp+browserify的组合，感觉还不错。 npm来管理CMD类库的依赖，browserify来进行CMD到AMD的转换，gulp来管理browserify进行自动构建。 安装browserify 如果单独使用browserify,应该安装在全局。 管他呢，browserify知道就行了。 browserify转换 browserify src/main/nodejs/index.js -o src/main/webapp/js/index.js 测试 cd src/main/webapp
1.3K30发布于 2019-11-04 - 来自专栏Vincent-yuan
Vue.js——60分钟browserify项目模板快速入门
Browserify主页：http://browserify.org/ vueify介绍 所谓vueify，就是使用.vue格式的文件定义组件，一个.vue文件就是一个组件。 在git bash下输入以下命令： vue init browserify-simple my-browserify-simple-demo browserify-simple是项目模板的名称，my-browserify-simple-demo browserify的编译是比较缓慢的，当一个browserify项目开始变大时，编译打包的时间会变得较长。 使用vue-browserify模板 simple-browserify 模板用于构筑基于browserify和vueify的开发环境，browserify模板则提供了更多内容： 提供了ESLint 1.生成项目 重新打开一个git bash窗口，执行以下命令： vue init browserify my-browserify-demo browserify是项目模板，my-browserify-demo
1.6K20发布于 2020-07-16 - 来自专栏赵康的日常专栏
【前端】我的Gulp配置
2. gulp + browserify /** * File Name: gulpfile.js */ // 引入 gulp var gulp = require('gulp'); // /public/')); }); gulp.task('browserify', function() { browserify({ entries: ['. /temp/script/main.js'], debug: true, // 告知Browserify在运行同时生成内联sourcemap用于调试 }) // .transform(" task complete' })); }) // 监视文件的变化 gulp.task('watch', ['coffee', 'browserify', 'stylus'], function() /temp/script/*.js', ['browserify']) }); // 默认任务 gulp.task('default', ['coffee', 'browserify', 'stylus
35110编辑于 2023-10-17 - 来自专栏全栈程序员必看
es6 转es5_es5 es6是什么
的引用时，会自动加上 }, ] ] } # 命令行转码 npm install --save-dev @babel/cli # babellify 这个是 babel 为 browserify 提供的 配合 browserify 转换 exports 和 require 语法 使ie支持 二合一 直接一步转换 npm install -g browserify npm install --save-dev babelify @babel/core npm install core-js@2 --save-dev #用法npx browserify script.js -t babelify -o bundle.js cli": "^7.17.6", "@babel/core": "^7.17.8", "@babel/preset-env": "^7.16.11", "babelify": "^10.0.0", "browserify echo '[starting babelify]' find $JS_PATH -name '*.js' -not -name 'productadd.js' -type f -exec npx browserify
85120编辑于 2022-11-08 - 来自专栏禅境花园
crypto.createCipheriv is not a function
基本解决了一堆错误 // ...省略 configureWebpack: { resolve: { fallback: { path: require.resolve("path-browserify "), crypto: require.resolve("crypto-browserify"), buffer: require.resolve("buffer/"), stream: require.resolve("stream-browserify"), vm: require.resolve("vm-browserify"), ] }), ] } //你还可以 把 const crypto = require('crypto'); //替换成 const crypto = require('crypto-browserify
40500编辑于 2024-11-21 - 来自专栏互联网杂技
为何webpack风靡全球？三大主流模块打包工具对比
npm install -g browserify browserify main.js -o bundle.js 不过，它通过对大量配置项的支持，使得仅仅通过命令行工具也可以进行较复杂的任务。 通过browserify –help 及browserify –help advanced 可以查看所有的配置项，覆盖了从输入/输出位置、格式到使用插件等各个方面。 browserify 同样支持直接调用其Node.js 的API。 var requirejs = require(‘requirejs’);var browserify = require(‘browserify’);var b = browserify();b.add 这让browserify 也支持了模块热替换这一特性。
2.3K80发布于 2018-04-03 - 来自专栏杰的记事本
几个常见的前端模块管理器
今天，我介绍另外四种前端模块管理器：Bower，Browserify，Component和Duo。它们各自都有鲜明的特点，很好地弥补了Require.js的缺陷，是前端开发的利器。 Browserify ? Browserify本身不是模块管理器，只是让服务器端的CommonJS格式的模块可以运行在浏览器端。这意味着通过它，我们可以使用Node.js的npm模块管理器。 首先，安装Browserify。 $ npm install -g browserify 然后，编写一个服务器端脚本。 这时，Browserify就登场了，将上面代码编译为浏览器脚本。 $ browserify robot.js > bundle.js 生成的bundle.js可以直接插入网页。 Duo是在Component的基础上开发的，语法和配置文件基本通用，并且借鉴了Browserify和Go语言的一些特点，相当地强大和好用。 首先，安装Duo。
1K30发布于 2019-09-04 - 来自专栏一个会写诗的程序员的博客
Gulp 快速入门gulp API 文档
package.json { "devDependencies": { "gulp": "^3.9.1", "gulp-browserify": "^0.5.1", "gulp-jade ": "^1.1.0" } } gulpfile.js var gulp = require('gulp'), jade = require('gulp-jade'), browserify = require('gulp-browserify') gulp.task('jade', function () { return gulp.src('src/template/**/* development')) }) gulp.task('js', function () { return gulp.src('src/js/main.js') .pipe(browserify /logger') logger.log("Hello, Browserify!")
96620发布于 2018-08-17 - 来自专栏技术开发分享
web3.0区块链技术与系统开发应用方案
require.resolve('fs'), assert: require.resolve('assert'), crypto: require.resolve('crypto-browserify '), http: require.resolve('stream-http'), https: require.resolve('https-browserify'), os: require.resolve('os-browserify/browser'), buffer: require.resolve('buffer'), stream: require.resolve ('stream-browserify') } config.plugins.push( new webpack.ProvidePlugin({ process: '
68710编辑于 2022-11-11 - 来自专栏京程一灯
为ES6配置JavaScript测试工具
Browserify用户需要安装babelify transform库。该库允许Browserify在构建过程中使用Babel对代码进行转译。 npm install --save babelify 你可以通过命令行参数传递给browserify: browserify -t [ babelify ] some-file.js -o some-output-file.js Browserify: browserify test/**/*.js -o tests-bundle.js Webpack: webpack test/**/*.js tests-bundle.js Browserify: browserify test/**/*.js -o tests-bundle.js Webpack: webpack test/**/*.js tests-bundle.js Browserify: 要在browserify中开启source maps，需要使用-d参数。
4.1K20发布于 2019-03-27 - 来自专栏京程一灯
理解CSS模块化
它可以看成是webpack或 Browserify的一个插件。 /AnoherModule/styles.css'; } 它需要webpack，Browserify或者其他工具！ 入门 如前面所说的，你需要有webpack或者Browserify来实现CSS模块化。 Webpack 先从webpack版本的模块化开始。 Browserify 我只在命令行中用过Browserify，所以我猜使用起来会更复杂一些。 总结 从今天看来，CSS模块化系统和生态确实有些原始了，从Browserify中的配置就能看出来。
87540发布于 2019-03-28 - 来自专栏跨平台全栈俱乐部
前端工程化篇之 Gulp
('gulp-eslint'); //eslint的包 语法检查 const babel = require('gulp-babel'); //编译ES语法的babel包 const browserify = require('gulp-browserify'); //编译commonJs语法的工具 const rename = require("gulp-rename"); //重命名文件的包 .pipe(gulp.dest('build/js')) .pipe(livereload()) ); // 将commonjs的模块化语法转换成浏览器能识别语法 gulp.task('browserify ', function() { // 只要放入口文件 return gulp.src('build/js/app.js') .pipe(browserify()) // 重命名文件 js-prod', gulp.series('js-dev', 'uglify')); // gulp.task('default', gulp.parallel('eslint', 'babel', 'browserify
1.6K10发布于 2019-08-02 - 来自专栏FreeBuf
如何使用Packj检测恶意或高风险的开源软件包
[+] Fetching 'browserify' from npm...OK [ver 17.0.0] [+] Checking version...ALERT [598 days old] [ /browserify#readme] [+] Checking downloads...OK [2.2M weekly] [+] Checking repo_url URL...OK [https ://github.com/browserify/browserify] [+] Checking repo data...OK [stars: 14077, forks: 1236] [+] Checking for CVEs...OK [none found] [+] Checking dependencies...ALERT [48 found] [+] Downloading package 'browserify => Complete report: /tmp/packj_54rbjhgm/report_npm-browserify-17.0.0_hlr1rhcz.json { "undesirable
1.3K30编辑于 2022-11-14 - 来自专栏code人生
BREAKING CHANGE: webpack<5 used to include polyfills for node.js
polyfill, you need to: - add a fallback 'resolve.fallback: { "crypto": require.resolve("crypto-browserify ") }' - install 'crypto-browserify' If you don't want to include a polyfill, you can use an empty node-polyfill-webpack-plugin，用于在浏览器环境下模拟nodejs核心模块的功能： $ npm i node-polyfill-webpack-plugin 然后再安装crypto-browserify ： $ npm i crypto-browserify 最后在修完我们项目中的vue.config.js文件 const { defineConfig } = require('@vue/cli-service
1.5K10编辑于 2024-05-09 - 来自专栏前端小菜鸡yym
what is 模块化?
{ "name": "commonjs_browserify", "version": "1.0.0" } 安装browserify browserify的作用就是打包，那项目放到线上环境 ## 全局 npm install browserify -g ## 局部 npm install browserify --save-dev 问题 这里局部安装时为什么会有 dev ？ { "name": "commonjs_browserify", "version": "1.0.0", "devDependencies": { "browserify 因此需要browserify进行打包。 打包处理js browserify js/src/app.js -o js/dist/bundle.js browserify 要打包的文件 -output缩写 打包到的文件 可以看到bundle.js
1.5K30编辑于 2023-01-12 - 来自专栏快乐阿超
ics-to-json
i ics-to-json // 或者 pnpm i ics-to-json // 或者 yarn add ics-to-json // 或者 tyarn add ics-to-json 我这里通过browserify 测试： cnpm install -g browserify 编写main.js const icsToJson = require('ics-to-json') window.icsToJson = icsToJson.default browserify main.js -o bundle.js 编写页面 <!
34320编辑于 2022-10-28 - 来自专栏阮一峰的网络日志
前端模块管理器简介
今天，我介绍另外四种前端模块管理器：Bower，Browserify，Component和Duo。它们各自都有鲜明的特点，很好地弥补了Require.js的缺陷，是前端开发的利器。 Browserify Browserify本身不是模块管理器，只是让服务器端的CommonJS格式的模块可以运行在浏览器端。这意味着通过它，我们可以使用Node.js的npm模块管理器。 首先，安装Browserify。 $ npm install -g browserify 然后，编写一个服务器端脚本。 这时，Browserify就登场了，将上面代码编译为浏览器脚本。 $ browserify robot.js > bundle.js 生成的bundle.js可以直接插入网页。 Duo Duo是在Component的基础上开发的，语法和配置文件基本通用，并且借鉴了Browserify和Go语言的一些特点，相当地强大和好用。 首先，安装Duo。
1.4K80发布于 2018-04-12
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号