webpack
文章平均质量分 72
小牲口online
。
展开
-
vue-router优化之懒加载
关于路由的懒加载,官方给我们的解释为:当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。其实就是说我们的每一个路由对应的就是一个给用户展示的页面,然而按照常规的操作这些页面最终会通过webpack打包为一个bundle.js的文件,因此就造成了这个页面十分的庞大,所在在请求的时候可能会花费一定的时间,给用户造成不好的体验。因此我们可以通过路由懒加载的方式来解决这个问题。也就是原创 2021-04-07 20:15:49 · 309 阅读 · 0 评论 -
webpack5以上抽离配置文件(生产开发分明)
文章目录1.为什么要分离配置文件2.实施3.总结1.为什么要分离配置文件在我们开发过程中,经常在webpack.config.js文件中配置很多东西,不管是开发环境下,还是生产环境下。但是当我们在生产环境下打包时,其实很多我们开发环境下的配置时用不到的。那么当我们把所有的配置写在一个文件中时,那时不太稳妥的。因此我们需要抽离配置文件。2.实施我们需要安装webpack-merge插件 npm install webpack-merge --save-dev接着分离文件,将配置文件分为三个文件原创 2021-04-05 15:46:14 · 1723 阅读 · 3 评论 -
webpack的生产模式与开发模式详情
文章目录1.webpack简介1.1 ~是什么1.2 基本的五个概念1.3 安装2.webpack开发环境基本配置2.1 简单使用webpack打包js文件2.2 webpack.config.js文件2.3 打包样式资源css/less/sass...2.3 打包html资源2.4 打包图片资源2.5 打包其他资源2.6 使用dev-server2.7.开发环境的基本配置3.webpack生产环境基本配置5.1 提取css成单独文件5.2 css兼容性处理5.3 压缩css5.4 js语法检查eslint原创 2021-03-26 20:32:56 · 1507 阅读 · 1 评论