
webpack
文章平均质量分 80
fisher-zh
这个作者很懒,什么都没留下…
展开
-
webpack中img标签的src使用相对路径的方法
简介Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。webpack目前已经是大部分前端项目打包工具的首选,但是在使用的过程中还是存在一些问题。我们下面要讲到的就是常见的原创 2021-01-11 17:59:27 · 5515 阅读 · 0 评论 -
webpack 构建多页面应用(以regularjs为例)
webpack-regular github源码: https://github.com/fisher-zh/webpack-regular基于webpack构建的多页面网站开发环境。webpack在前端开发的过程中逐渐扮演着越来越重要的角色,在使用vuejs开发单页面应用的过程中,个人是倾向于直接使用vue-cli来搭建初期的环境,毕竟方便。但是在做一些需要兼容老版本浏览器(如IE7、8)的原创 2017-10-10 22:51:34 · 1159 阅读 · 0 评论 -
Vue异步组件处理路由组件加载状态
问题场景在大型单页面应用中,处于对性能的考虑和首屏加载速度的要求,我们一般都会使用webpack的代码分割和vue-router的路由懒加载功能将我们的代码分成一个个模块,并且只在需要的时候才从服务器加载一个模块。但是这种解决方案也有其问题,当网络环境较差时,我们去首次访问某个路由模块,由于加载该模块的资源需要一定的时间,那么该段时间内,我们的应用就会处于无响应的状态,用户体验极差。解...原创 2018-09-06 14:53:51 · 3322 阅读 · 3 评论 -
Vue CLI 项目结构及解析
介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。一个运行时依赖 (@vue/cli-service),该依赖:可升级;基于 webpack 构建,并带有合理的默认配置;可以通过项目内的配置文件进行配置;可以...原创 2018-11-15 11:06:35 · 658 阅读 · 0 评论