一个空格引发的webpack打包体积过大
今天注定是一个不平凡的日子,凌晨1点,项目代码写完后开始打包,打包的时候,突然发现项目的文件特别的大,大到离谱!单独的一个app.js
竟然达到了16M!
今天注定是一个不平凡的日子,凌晨1点,项目代码写完后开始打包,打包的时候,突然发现项目的文件特别的大,大到离谱!单独的一个app.js
竟然达到了16M!
很多时候,可能需要子组件去调用父组件的方法,之前写过《Vue依赖注入(provide/inject)》,里面有调用父组件方法,这次总结三种方法,相当于有四种方法!
混入 (mixin
) 提供了一种非常灵活的方式,来分发 Vue
组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。
mixin
的作用是多个组件可以共享数据和方法,在使用mixin
的组件中引入后,mixin
中的方法和属性也就并入到该组件中,可以直接使用,在已有的组件数据和方法进行了扩充。
最近在看element-ui
的源码,发现了一个这样的属性:inject
。
provider/inject
:简单的来说就是在父组件中通过provider
来注入,然后在子组件中通过inject
来引用。这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。
在页面源文件index.html
的标签之间插入
<link rel="shortcut icon" href=" /favicon.ico" />
仍旧无法加载图标
HtmlWebpackPlugin
插件中加入小图标,Vue
脚手架时修改webpack.dev.conf.js
配置文件:
new HtmlWebpackPlugin({
filename: 'index.html',
template: 'index.html',
favicon: './favicon.ico', // 添加小图标
inject: true
}),
不要忘记webpack.prod.conf.js
中也需要添加
注:( favicon.ico
放入根目录。)
最近在做政府的项目,需求要一个日历面板支持农历节日节气显示,搜了好多都不太满意,于是自己动手造了一个轮子。这款日历应该说功能比较强大,样子大概这样:
现在暂时还处于测试阶段,代码已经开源,大家也可以测试测试看看现在日历面板还有哪些bug需要修复的,可以留言,我在休息时间会改一改。
有些时候,用户可能会重复请求数据,造成不必要的浪费,所以很有必要拦截重复的请求。
Vue CLI3出了有一段时间了,但是项目上面还是用的Vue CLI2,最近看到小伙伴在研究,于是抽了一个下午加晚上的时间,把vue.config.js
这块配置好。项目中用的是Sass,希望是公共的样式提取到一个scss文件中,页面单独的样式就写在vue里面,这样后期维护比较方便。
Vue Router传参基本上是必备知识点,总结一下。