Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 网页包-增加JS库的大小_Javascript_Webpack_Ecmascript 6 - Fatal编程技术网

Javascript 网页包-增加JS库的大小

Javascript 网页包-增加JS库的大小,javascript,webpack,ecmascript-6,Javascript,Webpack,Ecmascript 6,在我的新项目中使用weback,这是一个用ECMA 6标准编写的简单JS库,不依赖任何外部(节点)包,似乎可以最大限度地扩大我的o/p library.JS文件的大小,这与使用相同文件的目的背道而驰 问题 我的o/p library.js大小相同,源文件=src files=33.2 KB,而我的o/p library.js(已传输、缩小和升级等)大小为33.3 KB。 这是我的网页包配置文件: var path=require('path'); var webpack=require('we

在我的新项目中使用weback,这是一个用ECMA 6标准编写的简单JS库,不依赖任何外部(节点)包,似乎可以最大限度地扩大我的o/p library.JS文件的大小,这与使用相同文件的目的背道而驰

问题

我的o/p library.js大小相同,源文件=src files=33.2 KB,而我的o/p library.js(已传输、缩小和升级等)大小为33.3 KB。 这是我的网页包配置文件:

var path=require('path');
var webpack=require('webpack');
var projectRoot=path.resolve(_dirname,“../”);
module.exports={
devtool:“#源映射”,
条目:{
“standalone”:path.join(_dirname,../app/standalone)),
“库”:path.join(uu dirname,../app/main.js'),
},
输出:{
path:path.join(uu dirname,'../public/dist'),
文件名:'[name].js'
},
决心:{
扩展名:['',.js'],
回退:[path.join(_dirname,'../node_modules'),
别名:{
'app':path.resolve(_dirname,../app')
“单位”:路径.解析(_dirname,../test/unit”)
}
},
解析加载程序:{
回退:[path.join(_dirname,'../node_modules')]
},
模块:{
预紧器:[
{
测试:/\.js$/,,
加载器:“eslint”,
包括:[
path.join(projectRoot,'app')
],
排除:/node\u模块/
}
],
装载机:[
{
测试:/\.js$/,,
加载器:“巴贝尔”,
包括:[
path.join(projectRoot,'app')
],
排除:/node\u模块/
}
]
},  
插件:[
新建webpack.optimize.UglifyJsPlugin({
压缩:{
警告:错误
}
}),
新建webpack.optimize.OccurrenceOrderPlugin()
]
埃斯林:{
格式化程序:需要('eslint-friendly-formatter')
}

}
目前,您无法摆脱Web包包装器代码。如果运行时开销是一个问题,请检查并使用没有开销的绑定器。例如,ES6模块的开销为0,并且很容易设置为绑定纯JavaScript模块。

如果没有模块可绑定,为什么要使用模块绑定器?@FelixKling我已经更新了问题。不,这只是一个不需要捆绑的文件。但我有另一个使用ES6模块的条目文件,我也有同样的问题。打包的输出为33.2 KB,而未统一的源文件(包括我的所有源文件)本身为33.3 KB。如果没有要捆绑的内容,但您仍然希望传输代码,只需直接使用babel(CLI):。我有另一个条目文件需要捆绑,因为我正在使用es6模块-那么该路径是什么?那你说捆绑是什么意思?