webpack 合并压缩_极客起源 - geekori.com - 问题详情 - webpack如何打包压缩jquery 插件？...

感谢大家的回答，自己解决了。这里将解决方案贴出来：

1、首先 webpack.config.js做如下配置

module.exports 部分

entry:  __dirname + "/main.js",//入口文件

output: {

path: __dirname + "/bdui",//打包后的文件存放的地方

filename: "bdui.min.js",//打包后输出文件的文件名

libraryTarget: "var"//输出格式

},

externals: {

"jquery": "jQuery"//指定变量是从外部url引入的，这样插件合并就不会报编辑错误

}

2、入口文件main.js内容

require('imports-loader?$=jquery!./bdui/plugins/core');

require('imports-loader?$=jquery!./bdui/plugins/inject');

require('imports-loader?$=jquery!./bdui/plugins/bdAccordion');

require('imports-loader?$=jquery!./bdui/plugins/bdButton');

......

3、合并压缩代码

webpack -p

这个命令行会自动调用自带的uglifyjs插件进行压缩(当然你可以在webpack.config里配置plugins，效果是一样的)

合并压缩问题是解决了，新问题来了，

我用js压缩工具压缩后是278KB，用webpack压缩后是377KB，我就纳闷了 ，差在什么地方呢？

请问大牛们还有什么办法让它继续缩小，还有我看min.js代码 大部分代码是没有混淆的啊？？谁来给指点一下迷津？？

备注： new webpack.optimize.UglifyJsPlugin({

compress: { warnings: false, },

output: { comments: false }

}) 这样配置后效果还是一样的，还是377KB

暂无评论!

提交评论