Gulp 大口大口大口大口大口
如果有人能帮我解决这个问题,我将不胜感激。我有一个内置的项目。使用gulp构建我的包。但是,我的包最终每个都超过10Mb。还有css 2Mb。每当我重新加载页面时,我都会下载22Mb的数据——我知道这很荒谬。我没有设置我们的环境,我以前从未与gulp/browserify/npm等合作过。我们的首席程序员大约6周前辞职了,现在我们正在推动网站的上线,我真的需要改进加载时间 我自己的代码大约是900KB。 我的css大约是137KB。 我有三包 vendor-bundle.js在/assets/libs/index.js中包含以下内容,总计为10Mb。每次包括后,我都有尺寸。语义怎么可能是6Mb???我做错了什么Gulp 大口大口大口大口大口,gulp,browserify,bundles,Gulp,Browserify,Bundles,如果有人能帮我解决这个问题,我将不胜感激。我有一个内置的项目。使用gulp构建我的包。但是,我的包最终每个都超过10Mb。还有css 2Mb。每当我重新加载页面时,我都会下载22Mb的数据——我知道这很荒谬。我没有设置我们的环境,我以前从未与gulp/browserify/npm等合作过。我们的首席程序员大约6周前辞职了,现在我们正在推动网站的上线,我真的需要改进加载时间 我自己的代码大约是900KB。 我的css大约是137KB。 我有三包 vendor-bundle.js在/assets/l
window.React = require('react'); (3 Mb)
require('jquery'); (1.7 Mb)
require('underscore'); (138 kb)
require('fastclick'); (72 kb)
require('semantic'); (6.7 Mb)
require('./markerclusterer'); (116 kb)
require('./stickyfill.min'); (30 kb)
应用程序捆绑包和帐户捆绑包大小相同,各约11Mb。已为登录/注册页面加载帐户包,并为主站点加载应用程序包。我自己的代码只有970 kb;捆绑包的总容量如何达到11MB
module.exports = {
sass: {
base_file: src + "/assets/css/main.scss",
src: src + "/assets/css/**/*.{sass,scss}",
dest: dest + "/css",
dest2: dest2 + "/css",
settings: {
indentedSyntax: true,
imagePath: 'images'
}
},
images: {
src: src + "/assets/images/**",
dest: dest + "/images",
dest2: dest2 + "/images"
},
fonts: {
src: src + '/assets/fonts/**',
dest: dest + '/fonts',
dest2: dest2 + "/fonts"
},
js: {
src: src + '/app/**/*.js',
dest: dest + 'js'
},
browserify: { // A separate bundle will be generated for each bundle config in this list
bundleConfigs: [{
entries: src + '/assets/libs/index.js',
dest: dest + '/js',
dest2: dest2 + '/js',
mapName: 'vendor.map.json',
outputName: 'vendor-bundle.js',
require: [ 'jquery', 'underscore' , 'fastclick' , 'semantic' ]
},{
entries: src + '/app/app.account.js',
dest: dest + '/js',
dest2: dest2 + '/js',
mapName: 'account.map,json',
outputName: 'account-bundle.js',
//list of externally available modules to exclude from the bundle
external: [ 'jquery', 'underscore', 'lodash' , 'fastclick' , 'semantic' , '/app/app.main.js']
},{
entries: src + '/app/app.main.js',
dest: dest + '/js',
dest2: dest2 + '/js',
mapName: 'app.map,json',
outputName: 'app-bundle.js',
//list of externally available modules to exclude from the bundle
external: [ 'jquery', 'underscore', 'lodash', 'fastclick' , 'semantic' ]
}]
},
production: {
cssSrc: dest + '/css/*.css',
jsSrc: dest + '/js/*.js',
dest: dest
}
};
此外,一旦我学会如何剥离我的包,我如何最容易地压缩它们并删除所有注释
我花了相当长的时间在网上搜索,但我的时间不多了。
多谢各位