我正在尝试浏览我的反应应用程序以使用gulp和envify来设置NODE_ENV.所以我可以在控制台中删除反应警告,错误报告,甚至我的代码来禁用一些功能,例如react-addons-perf的要求. 而且效果很好.当我在app.js中搜索“生产”时,看看是否有这些典型的条件： if("development" !== "production") {
...
} 没有什么,所以,正如我所说
我使用AngularJS创建了一个简单的 JavaScript应用程序. 我正在使用npm和Bower来管理我的依赖项,Gulp自动执行我的任务,我想使用CommonJS的module.exports / require()将所有内容组合在一起：我决定让Browserify将这一切捆绑在一起. 如果你想看一下,那就是my very empty and clean project on Github
我正在为使用browserify管理的模块编写测试.这是我要测试的模块(具体来说我想测试calculateData)： require('mapbox.js');
var utils = require('./src/chart_utils');
var dashboard = {
calculateData: function(data) {
// functions
我有一个场景,我想从客户端将数据导出到CSV.我将有一个文本框/区域或用户可以输入数据的任何地方,然后理想情况下只需单击一下,本地CSV文件将使用该数据进行更新. 这可以通过NodeJS与服务器交互及其核心模块(特别是fs模块)轻松实现,但显然不是来自浏览器. 我发现某些节点模块(例如下划线)支持RequireJS使特定模块在浏览器中工作的方法.所以对于下划线我做了这个： methods.js d
我有一个大型项目,包含数百个分成几个文件夹的源文件. 像这样的东西： src/
AAA.js
subdir/
DDD.js 我希望能够使用非相对路径指定依赖项. 例如,在DDD.js中我想这样做： var AAA = require('AAA'); ……而不是这个： var AAA = require('../AAA'); 如何使用Browserify实现这一目标？ 如 docum
如何启用源映射？我这样做： var browserify = require("gulp-browserify")
gulp.task("compile:client", function() {
gulp.src("src/client/app.coffee", {
read: false
})
.pipe(browserify({
debu
我的代码： import $from 'jquery'
import jQuery from 'jquery'
import owlCarousel from '../../node_modules/owlcarousel/owl-carousel/owl.carousel'
class App {
…
_initSlider() {
$("#partners-c
每当源文件发生变化时,我正在尝试连接 gulp-browserify和 gulp-watch来重建我的软件包.然而,gulp-browserify需要编译的单个入口点(例如src / js / app.js)并且获取每个依赖项本身： gulp.src('src/js/app.js')
.pipe(browserify())
.pipe(gulp.dest('dist')) 然而,使
我目前有这个因子绑定命令,我用来捆绑我的文件,并将所有常见的东西拉到通用文件中： browserify index.js bar-charts.js list-filter.js dashboard.js
-p [ factor-bundle -o ../../static/js/index.js -o ../../static/js/bar-chart.js -o ../../static
一些简短的背景：我正在使用browserify和browserify-shim(和gulp来构建)来创建一个网络应用程序.在此之前,我需要从npm的 jquery,所以我没有问题.一旦我开始做一些优化,我意识到包含jQuery的捆绑包是多么的大.所以现在我从一个带有脚本标签的CDN中抓取jQuery,并将它放在bundle.js文件之前.但是我有问题,将jQuery声明为全局,并在browseri
在下面的CommonJS / Browserify模块中,如何避免每次导入foo和bar？而不是仅仅根据init()中的条件导入所需要的那个？ var Foo = require('foo'),
Bar = require('bar'),
Component = function(config) {
this.type = config.type;
this.init();
};
我一直在使用因子包来包装我的常见JS文件： browserify index.js bar-charts.js list-filter.js dashboard.js
-p [ factor-bundle -o ../../static/js/index.js -o ../../static/js/bar-chart.js -o ../../static/js/list-filter.js -
我创建了一个gulp任务来与browserify捆绑模块,我正在使用watchify来监视更改.这是我的gulp任务看守： gulp.task('watch:browserify', function () {
var opts = assign({}, watchify.args, {
entries: ['./js/app.js'],
debug: tr
我试图找出一个简单的方法来在脚本中要求一个html模板,然后从CLI运行browserify. 说我想抓住一个模板并将其附加到身体. //index.js
var template = require('./template.html');
document.body.appendChild(template); 和 <!-- template.html -->
<p>Woooo!</p> 然后
我手头头痛这是我当前的设置： >获取供应商库(在这种情况下有角度) gulp任务运行browserify 使权威图书馆与浏览器兼容 App.js(在浏览之前)： 'use strict';
var angular = require("angular");
var Routes = require("./routes");
angular.module('MyAngularApp')
.c
我在找到如何使用grunt-browserify的解释时遇到了一些麻烦.查看他们的examples文件夹,我在他们的基本示例下查看browserify节点,我看到以下内容： module.exports = function (grunt) {
grunt.initConfig({
browserify: {
vendor: {
src: [],
所有使用browserify和gulp的示例都假定您只想浏览1个文件.通常情况并非如此. 我遇到了使用乙烯基变换的例子,但是我无法使其正常工作.这是(咖啡脚本)代码： # Browserify JS
gulp.task 'browserify', [], ->
# Create the transform
br = transform (f) ->
return
在Browsersify包中(包含许多文件中的许多模块),应该在哪里使用strict来确保整个包在严格模式下运行？ 当您需要以统一的方式更改browserify输出时,答案通常是使用转换. strictify似乎做你需要的.
我想在大型应用程序中角度依赖的异步加载，我试图决定在 Browserify或 Webpack之间为此。我知道angular 2.0将支持这种本机，但现在我正在寻找一个很好的支持和流行的解决方案。 任何人都可以提出建议，哪些是最有效的在一个有角度的团队和最佳的方式来构建项目。 在我的公司，我们已经从browserify切换到webpack有很多原因，延迟加载是其中之一。 在browserify中将多
今天我已经为我的AngularJS项目采用了Browserify,但是对我来说这是一个非常不清楚的事情.在所有的例子和博客文章中,我看到这样的东西： /app.js： require('./messages');
angular.module('sling', ['sling.messages']); /messages/index.js： exports = angular.module('sl
