如果你想替换webpack,你必须看看它解决了哪些痛点。开发人员无法在没有任何配置的情况下使用webpack。随着webpack的更新,它还可以达到打包配置很少的项目的目的,还可以根据需要添加自定义配置。
另一个非常重要的一点是生态学。目前,公园的生态还不完善。一旦出了问题,我真的不知道怎么解决。不是每个人都会看源代码来解决问题。
如果包太大,我们推荐两种快速方法:
externalsexternalchainthirdpartydependence
externals是一种常见的优化方法。在生成时,依赖项文件与节点相关。模块导入更改为外部链接引用(即脚本标记cdn加载方法)
使用commonchunkplugin提取公共代码
我是[front-endraindad]。你可以跟我来看看前端技术相关的文章。
webpack将每个模块的css打包到一个方法中webpack.config.js文件配置varextracttextplugin=require(“extracttextwebpackplugin”)//extracttextwebpackplugin以安装插件模块:{加载程序:[{测试:/。css$/,加载程序:extracttextplugin.extract提取(“styleloader”,“cssloader”)}]},插件:[newextracttextplugin(“css/[name]。css“)//将生成一个css文件]例如,在js文件中导入“/css/lib/bootstrap.min.css文件“导入.”/css/测试.css"