我创建了非常简单的React应用程序，其中包含7个页面和13个组件。我正在使用gulp来编译它，使用browserify来获取依赖项，所有文件都被最小化了。我构建的app.js文件有1.1MB。我认为它很大。我可以做些什么来减小它的大小？是否有任何好的做法来实现最小尺寸？编辑:我的没有依赖项的源代码是91KB。 最佳答案 使用webpack-uglify和禁用sourcemaps可以大大提高输出到合理的大小(helloworld应用程序大约140kbs)几个步骤:将webpack配置中的devtool设置为cheap-source-
所以我有一个简单的gulp任务函数，它当前将我的main.jsx转换为main.js文件:gulp.task("bundle",function(){returnbrowserify({entries:"./app/main.jsx",debug:true}).transform(reactify).bundle().pipe(source("main.js")).pipe(gulp.dest("app/dist"))});我想知道是否可以在这个gulp.task中放入多个包？我理想的结果是能够做到:main.jsx到main.jsotherPage.jsx到otherPage.jso
我正在使用browserify，因此我可以在我的前端代码中使用npm模块，并使用gulp来完成我的构建任务。这很好用:varbrowserify=require('gulp-browserify');gulp.task('js',['clean'],function(){gulp.src('./public/js/src/index.js').pipe(browserify({insertGlobals:true,debug:!gulp.env.production})).pipe(gulp.dest('./public/js/dist'))});但是，如果我的JS中存在语法错误，我希
由于gulp-browserify模块被列入黑名单，我尝试在没有gulp-browserify的情况下在gulpfile.js中重写我的旧代码。我用gulp-browserify完成了这项工作vargulp=require('gulp'),browserify=require('gulp-browserify');gulp.task('browserify',function(){returngulp.src('./lib/tssoft.commons.js').pipe(browserify({ignore:['jsdom']})).pipe(gulp.dest('./dist/')
我正在尝试获取Swig(模板语言)致力于ParseCloudCode与express。ParseCloudCode是一个不允许NPM的Node/Express主机。荒谬，我知道。不过，我仍然可以使用requires语句将外部文件加载到代码中，所以我认为我有希望让它工作。所以我的问题是如何将整个Swig包放入一个JS文件中，我可以像这样从我的ParseExpress应用程序中包含它:varswig=require("./cloud/swig.js");值得注意的是，Parse打破了正常的require语句，因此如果不修改node_modules文件夹中的每个文件以在其路径中包含cloud
我正尝试按照说明加载Radium(这是一个用于内联css的javascript库)here.在app.browserify.js中:Radium=require("radium");。在package.json中:"radium":"0.13.4"但是，当我尝试在应用程序的js中使用Radium时，内联css不起作用。Chrome开发工具指示Radium=module.exports(ComposedComponent).。我假设这应该是一个对象，考虑到我以相同方式加载的ReactPIXI工作正常，并且开发工具显示ReactPIXI=Object{factories:Object}。这
我正在开发库A和库B，B依赖于A。我想使用browserify将它们独立捆绑起来，所以在我的浏览器中我可以这样做:varA=require("A");varB=require("B");我想将它们独立捆绑起来，因为我还在开发仅依赖于A的库C，如果A包含在B中，那么C将无法访问它，如果A在B和C中，我有重复项。所以我从浏览器化库A开始:browserify-r./src/A.js:A-obuild/A.js它工作得很好，我可以分发A，其他人可以用它开发他们的应用程序。然后我浏览库B:browserify-r./src/B.js:B-obuild/B.js但我现在有两次A，A在浏览器中独立
我正在尝试为Browserify编写一个转换脚本，它允许我require().less文件。转换会将它们编译为CSS，然后将缩小后的CSS包装在一个将CSS附加到页面的小Javascript函数中。我的麻烦是mainLESSmodule是异步的，它似乎不能与转换脚本一起工作:lessify/index.js(直接从node-underscorify建模)varless=require('less');varcleanCSS=require('clean-css');varthrough=require('through');module.exports=function(file){i
几乎一整天都在做这个，我不知道如何让它正常工作。正如主题所暗示的那样，我很难让这个设置正常工作。我有一个使用Browserify用Coffeescript编写的项目。我正在尝试编写一些Gulp构建任务，这些任务将Uglify生产输出......非常标准。这是我当前的gulpfile设置:gulp=require'gulp'browserify=require'browserify'source=require'vinyl-source-stream'buffer=require'vinyl-buffer'uglify=require'gulp-uglify'#Bundletaskgul
我正在使用jadeify使用browserify在我的前端使用jade模板。Gulp设置gulp.task('browserify',function(){varbundler=browserify({entries:['./frontend/js/app.js']});varbundle=function(){returnbundler.transform(jadeify).bundle().pipe(source('app.js')).pipe(gulp.dest('./public/js'))};if(global.isWatching){bundler=watchify(bun
