pages下的文件都被分别打包了没有问题。。

然后,其他的第三方npm包都被打包进了 index.js (3.44 MiB) 导致这个文件很大哦。。


1.已经尝试了自定义vue.config.js打包参数 externals,准备将一些模块导出为cdn模式链接。结果uniapp官方用的vue.js是修改过的,这样的时候,uniapp的页面生命周期就没有了。。

2.还尝试了splitChunks自定义打包,将npm的第三方包单独打包,这样是能减少大小,控制台也没有报错。结果是h5网页白屏无法正常使用。


怎么弄呀??官方有没有指导下??引入了 element-ui psl 等第三方包。。程序已经开发的差不多了,结果发现打包文件过大的问题。。。


·回复

不要在全局整个引入element-ui,否则会全部打包到入口,用到哪个,引哪个


·回复

我已经弄了gzip的vue.config.js插件,gzip之后还是不满意。


·回复

就是之前’element-ui’都是在页面上引入的,觉得页面上引入很大,所以我就搞到main.js里面来了。。


·回复

我看了index.7d22c3ab.js 这个最大的,有1.07M,里面有我没有用到的element-ui的组件。。比如ElProgress ElUploadList这些组件我都没有用,,且编译进去了。。我昨天也尝试过element-ui提供的按需加载组件的插件进行编译,可是会报错。。。


·回复

加个插件,分析下里边哪个包大

// vue.config.js  
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;  

module.exports = {  
    configureWebpack: {  
        plugins: [  
            new BundleAnalyzerPlugin()  
        ]  
    }  
}  

·回复

index.js 2.41MB,里面element-ui占1.52MB,Dcloud的包占用534KB左右


·回复

点击下面链接看文档

element-ui按需载入文档

这个插件在uniapp的cli项目下用不了。。想用这个按需载入。。

我马上新建一个项目看看,空的uniapp-cli项目打包是多少MB的js,,和引入一个element-ui组件之后的是多少。。


·回复

使用element-ui官方提供的按需载入插件之后,uniapp的H5项目白屏,控制台报告 addStylesClient.js:259 Uncaught ReferenceError: getApp is not defined


·回复

已经测试。使用修改 babel.config.js 方式 ,包减少了很多。感谢官方。谢谢了。

 

发表评论

返回页面顶部