我正在尝试将基于requireJS的应用程序迁移到webpack。webpack捆绑包大小vs requirejs捆绑包大小
这个应用程序没有很多依赖 - 实际上它只需要一个承诺填充 - 我已经想出了如何使用缩小的webpack来制作webpack。
使用requireJS的包的大小为43KB,使用webpack时为121KB。
虽然121KB并不是真的很大,但它是一个显着的尺寸增加。
从运行webpack --display-reasons --display-modules
我知道我的包中似乎有一些node_module依赖关系。比我预想的方式。
我看到的东西像buffer
,readable-stream
,stream-http
,stream-browserify
,core-util-is
,buffer-shims
...
是对的WebPack包装代码的这一预期/一部分?
有什么我可以做,以排除这些依赖关系?
这是我webpack.config.js:
var webpack = require('webpack');
module.exports = {
entry: {
"mynexuz": "./js/mynexuz-api.js",
"kws": "./js/kws-api.js",
"main": "./js/main.js",
"quest": "./js/quest.js"
},
output: {
filename: "./dist/[name]-bundle.js",
},
plugins: [
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false
}
}),
new webpack.DefinePlugin({
'process.env': {
'NODE_ENV': JSON.stringify('production'),
}
})
],
node: {
//stream: false,
//process: false,
//global: false
},
// Enable sourcemaps for debugging webpack's output.
devtool: "source-map",
resolve: {
modules: ['js', 'js/lib', 'node_modules'],
// Add '.ts' and '.tsx' as resolvable extensions.
extensions: [".webpack.js", ".web.js", ".ts", ".tsx", ".js"]
},
module: {
loaders: [
// All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'.
{
test: /\.js$/,
loader: "source-map-loader",
exclude: /node_modules/
},
// All files with a '.ts' or '.tsx' extension will be handled by 'awesome-typescript-loader'.
{
test: /\.tsx?$/,
loader: "awesome-typescript-loader",
exclude: /node_modules/
}
]
},
};
这很有趣;我想发布你的Webpack配置和一些关于你的源代码依赖的线索会有所帮助。 –
43KB是否包含RequireJS本身? –
这是没有requireJS本身 –