单页面应用(SPA)项目上线后程序刷新一次浏览器,来使用新上线资源

2020-02-27
阅读 2 分钟
3.9k
问:刷新浏览器之后,就可以使用新上线资源,那在 Vue 项目中到底是哪个文件在起作用呢? 答:归根结底刷新的是 dist/index.html 文件,此文件引用 manifest 文件(dist/static/js/manifest.[chunkhash].js,该文件包含路由和打包后 js 文件的对应关系);刷新 dist/index.html 文件后,当点击路由时,根据新的 manifest...

vue-cli 2.x、create-react-app 项目,使用 webpack-bundle-analyzer 打包分析

2018-06-17
阅读 1 分钟
6.6k
1.先运行npm run eject,将配置文件放在本地2.安装npm install webpack-bundle-analyzer --save-dev3.在 config/webpack.config.prod.js 文件(推荐)或 config/webpack.config.dev.js 中,添加

一次vue-cli 2.x项目打包优化经历(优化xlsx插件)

2018-04-10
阅读 1 分钟
10.6k
用vue-cli创建的项目,已经集成 webpack-bundle-analyzer。详见文件 build/webpack.prod.conf.js,代码如下:

vue项目实现按需加载的3种方式:vue异步组件、es提案的import()、webpack的require.ensure()

2017-10-12
阅读 2 分钟
57.8k
1. vue异步组件技术 vue-router配置路由,使用vue的异步组件技术,可以实现按需加载。 但是,这种情况下一个组件生成一个js文件。举例如下: {代码...} 2. es提案的import() 推荐使用这种方式(需要webpack > 2.4) webpack官方文档:webpack中使用import() vue官方文档:路由懒加载(使用import()) vue-router配置路由...