vue第五天
Vue 第五天
2023-09-14 09:14:32 时间
Vue.js - Day5 - Webpack
在网页中会引用哪些常见的静态资源?
- JS
- .js .jsx .coffee .ts(TypeScript 类 C# 语言)
- CSS
- .css .less .sass .scss
- Images
- .jpg .png .gif .bmp .svg
- 字体文件(Fonts)
- .svg .ttf .eot .woff .woff2
- 模板文件
- .ejs .jade .vue【这是在webpack中定义组件的方式,推荐这么用】
网页中引入的静态资源多了以后有什么问题???
- 网页加载速度慢, 因为 我们要发起很多的二次请求;
- 要处理错综复杂的依赖关系
如何解决上述两个问题
- 合并、压缩、精灵图、图片的Base64编码
- 可以使用之前学过的requireJS、也可以使用webpack可以解决各个包之间的复杂依赖关系;
什么是webpack?
webpack 是前端的一个项目构建工具,它是基于 Node.js 开发出来的一个前端工具;
如何完美实现上述的2种解决方案
- 使用Gulp&#x
相关文章
- Vue_(Router路由)-vue-router路由的基本用法
- 自定义vue全局组件use使用
- vue全面介绍
- vue定义全局变量
- [Vue] Get up and running with vue-router
- Vue.js3: 页面打开前实现图片全部预加载(vue@3.2.33)
- vue-router路由的安装、配置、具体用法和Vue-router学习笔记
- 在vue里运行报错:Failed to resolve loader: sass-loader You may need to install it.提示需要安装sass模块
- 常用网络js链接大全(jQuery(3.4.1)、bootstrap、vue、ECharts、easyUI、React、maven、Mybatis、Spring、SpringMVC、Redis)
- vue.js中引入图片
- Vue中vue-i18n结合vant-ui实现国际化
- 019:vue+openlayer:设置缩放滑块控件ZoomSlider (代码示例)
- 关于 Vue 方法前面的美元符号
- Vue(五)计算属性、过滤器、axios、vue 生命周期
- 【三十天精通Vue 3】第五天 Vue 3指令详解
- vue快速学习03、ant-design
- Vue: vue-router路由
- vscode 设置 vue文件不自动换行