首页 > TAG信息列表 > Browserify

webpack

webpack.config.js配置文件 entry: js的入口文件 externals: 外部依赖的声明 output:目标文件 resolve:配置别名 module:各种文件,各种loader plugins:插件 2 webpack loaders(最重要部分) html:html-webpack-plugin / html-loader js:babel-loader + babe

CommonJS Browserify模块化教程

Browserify模块化使用教程 browserify 是CommonJS的一种实现方式，用于浏览器端，也称为CommonJS的浏览器端的打包工具。 创建项目结构|-js |-dist //打包生成文件的目录 |-src //源码所在的目录 |-module1.js |-module2.js |-module3.js |-app.js //应用主源

Node.js模块化教程

https://www.jianshu.com/p/7efaecc0ae0d Node.js模块化教程 模块化的规范有4个。其中ES6是最常用的！其目录是： js模块： dist：最终生成的目录。 bulid：构建模块。 src：源目录。：main.js module模块。 package.json模块    一。commonJS 1 下载安装node.js 2 创建项目目录： mo

3_CommonJS-Browserify模块化教程

CommonJS 浏览器端模块化教程 1. 创建项目结构 |-js |-dist //生成编译完js的目录 |-src //源码所在的目录（我们编写的、没经过工具处理的代码，叫做源码） |-module1.js |-module2.js |-module3.js |-main.js |-index.html 2. 模块化编码 module1.js module.ex

ES6-Babel-Browserify模块化教程

ES6-Babel-Browserify模块化教程 1. 创建项目结构 |-js |-src |-module1.js |-module2.js |-module3.js |-main.js |-index.html |-package.json 2. 安装babel-cli, babel-preset-es2015和browserify: 第一步，全局安装：npm install babel-cli browserify -g 第

vue-browserify

Browserify vue.js官方提供的browserify项目模板，可以让我们很轻松地投入到vue.js的组件开发中。熟练使用这样的模板项目，不仅将组件代码给分离出来了，使得组件可以被重复利用，而且有助于组件代码的管理。 一．Vue.js官方提供了两种类型的模板项目： 基于vue cli和browserify的项目模板

javascript-在Browserify中设置文件的自定义路径

我正在努力将当前的RequireJS工作流程更改为Browserify Watchify,仅用于前端Javascript(后端是Ruby).我遇到的唯一问题是,我没有一个容易的地方来配置所谓的“命名路径”.假设我的前端结构如下： app/ models/ ExampleModel.js views/ ExampleView.js main.js util/

javascript-如何使用Browserify避免代码重复

CommonJS菜鸟,在这里,我读到有关browserify的内容,并认为它比我现有的RequireJS设置要简单,所以我继续进行更改.我发现我将在每个捆绑软件中都有代码重复.让我解释： 可以说,我让page1.js和page2.js都使用jquery.js和jquery-ui.js 现在,我必须创建bundle1.js和bundle2.js,并且每个捆

javascript-如何用gulp为我的React打包文件？

我设置了一个gulp文件,并且除我的bundle.js和homeBundle.js之外,我已经适当缩小了所有脚本和CSS文件.我在每个任务中都运行了uglify()函数,但是当我尝试吞咽时会收到以下错误. events.js:141 throw er; // Unhandled ‘error’ event ^ Error: /Users/Documents

javascript-Watchify可以获取对html文件的更改吗？

我使用babel-plugin-transform-html-import-to-string将html模板文件导入到我的javascript组件中. 当我使用watchify时,如果更改了html,它不会更新.仅Javascript文件更改. npm脚本如下所示： watchify -p browserify-hmr -t [babelify ext .js .html] src / index.js -o public / bun

javascript-Browserify-shim依赖项未定义？

我正在尝试将现有应用程序分解为模块.我选择使用Browserify来做到这一点,因为它的语法非常模仿NodeJS的要求. 我的项目依赖于几个外部模块,其中一个是Backbone.因此,我正在使用browserify-shim.但是,我遇到了一个问题. 在我的package.json中,我定义了以下内容： “` "browserify":

javascript-在浏览器中使用greensock

我无法让TweeLite与browserify一起使用.对于CommonJS,我是一个极端的菜鸟. 我已经使用Bower安装了gasp v1.13.2,并包括如下内容： var TweenLite = require("../../bower_components/gsap/src/minified/TweenLite.min.js"); 使用它时没有出现任何错误,但是我的动画无法正常工作.根

javascript-将ES6导入与CoffeeScript和Browserify一起使用

CoffeeScript还不支持ES6导入. (请参见https://github.com/jashkenas/coffeescript/issues/3162) 我尝试使用链接中说明的以下语法： `import { createAction, handleAction, handleActions } from 'redux-actions'` 但是Browserify会引发以下错误： Browerify { err: { [Error:

javascript-如何在浏览器化的模块中使用我自己的jQuery版本

(我应该事先澄清一下：我的问题是关于Java语言中的闭包和客户端模块模式的.不是关于如何使用jQuery.noConflict()的.) 我有一些人们可以添加到其网站的Javascript.我希望自己的代码可以访问$变量,该变量解析为特定版本的jQuery,而该版本与页面加载的内容无关.如果我所有的代码都在我

如何使用browserify捆绑多个javascript库？

我正在尝试在浏览器中使用Browerifiy,如果我使用独立选项它会暴露一个模块.我不想这样做. 网站和文档似乎在我实际编译代码的任何地方都被切断了.没有人说过如何在浏览器属性中实际使用代码. 我有一个笨拙的任务： browserify: { standalone: { src: [ '<%= yeoman.se

javascript – 在大型Web项目中完成Browserify的练习–Gulp

这是事情, 我来自一个网页中包含多个js文件的世界.有些总是包含在页面中(您的库,菜单等…),其他则取决于当前页面(登录页面的js,订阅的js等). 基本上让我们说每页有1个不同的js文件加上libs. 现在我想用browserify开始一个新项目,我面临一个大问题： >在我看过的所有例子中,总有一个

javascript – Browserify和ReactJS问题

无法使Browserify与ReactJS一起使用.我正在使用watchify运行,虽然browserify做同样的事情： watchify -t reactify app2.js -o ../build/app-brow.js 浏览器控制台在mywidget.js中显示此错误： Uncaught SyntaxError: Unexpected token < app2.js /** @jsx React.DOM */ var MyS

javascript – 如何使用browserify包含非节点模块

我想在应用程序中使用依赖项管理,并遇到require.js和browserify.我无法决定使用哪一个. 如果有人能告诉我如何将定制的javascript模块(非节点模块)包含到我的js中,这将是一个决定性的因素.我看到browserify很容易包含节点模块.解决方法:假设我们想要将以下功能封装到模块中： sayHel

javascript – 如何使用socket.io browserify？

如何在browserify中使用socket.io？ 当socket.io安装在节点应用程序中时,它会为这个socket.io脚本创建这个url路径： /socket.io/socket.io.js 但是该文件的真实路径(相对于node_modules dir)需要传递给browserify？ 是吗？ socket.io客户机/ socket.io.js 或者可能 socket.io/lib/client.j

使用Gulp和Browserify来搭建React应用程序

原文链接：http://www.cnblogs.com/darrenji/p/5505499.html 对React有一定了解之后，我们知道，需要把JSX文件转换成JS文件，组件需要导入导出。本篇就体验使用Gulp把JSX文件转换成JS文件，使用Browserify来把组件捆绑到一个文件并理顺组件之间的依赖关系。 Gulp

了解Browserify

原文链接：http://www.cnblogs.com/darrenji/p/5492028.html Browserify是一个Javascript的库，可以用来把多个Module打包到一个文件中，并且能很好地应对Modules之间的依赖关系。而Module是封装了属性和功能的单元，是一个Javascript对象，Modules之间可以相互依

javascript – 电子,在browserify之后,fs.existsSync不是一个函数

我读了很多关于browserify和电子以及gui浏览器的问题 但是浏览器仍然存在问题,说“fs.existsSync不是函数”,“必需未定义” *全文*我用电子创造了简单的gui,有package.json文件,main.js和index.html文件3,4 html文件,在那里我想创建简单的“加载显示保存窗口”,使用require 该功能

javascript – Gulp Browserify ReferenceError：未定义source

我得到这个奇怪的错误作为标题. 完整的消息看起来像这样 $gulp browserify [01:21:03] Using gulpfile F:\CSC Assignments\FinalProject\HotelProject\gulpfile.js [01:21:03] Starting ‘browserify’… [01:21:03] ‘browserify’ errored after 15 ms [01:21:03] Refer

javascript – Grunt Browserify – require.resolve不是一个函数

我通过以下方式使用grunt-browserify： browserify: build: files: '<%= paths.staticJS %>/Login.js' : '<%= paths.buildSrcJS %>/modules/login/Login.js' '<%= paths.staticJS %>

javascript – 从browserify包中删除重复的模块

我有一个browserify包,我们称之为core.js,它包含一个require(‘../ module-a’);声明. core.js包含在我网站的每个页面上. 我有一个特定于页面的独立包,我们称之为page.js.在page.js里面有一个require(‘../../ some / folder / module -a’);声明. 截至目前,module-a在core.js和pa