-
html-webpack-plugin 是一个webpack插件, 作用为:
为html文件中引入的外部资源如
script
、link
动态添加每次compile后的hash,防止引用缓存的外部文件问题可以生成创建html入口文件,比如单页面可以生成一个html文件入口,配置N个
html-webpack-plugin
可以生成N个页面入口
查看全部 -
cross-env 作用是统一不同平台下,声明环境变量的方式。
查看全部 -
从教程的中理解到:use 属性的值是一个数组,能使用多个loader 。然后数组内loader的使用顺序是 index 越大越先使用
查看全部 -
使用loader后就可以在JS中引用这些非JS的资源了。可以理解,JS只能解析JS文件,使用loader后就能在JS中解析其他的资源
查看全部 -
对图片进行处理使用 url-loader。
url-loader 是对 file-loader进行了封装,如果图片小于 limit 设置的值,url-loader 就会对图片进行base64转换,然后写入JS中,减少请求。如果大于limit 的值就会用 file-loader 读取图片,再存放在其他地方。
limit:设置进行转换的图片的最大大小。
name:没有进行转换的图片的名称。[name] -- 原始图片的名称,[ext] -- 原始图片的扩展名
查看全部 -
use 属性表示用哪些loader,可写多个loader。
查看全部 -
test 属性用来检测文件类型,使用正则表达式进行匹配。
loader 属性用来指定 test 检测到的文件用什么loader 来解析。
.vue 文件用 vue-loader 来解析。
查看全部 -
module中的rules 规定哪些文件用什么loader 来解析。
查看全部 -
VSCode 插件配置
查看全部 -
VSCode 配置
查看全部 -
1、用户配置: "files.autoSave": "onFocusChange", VS Code切换文件自动保存。
2、ctrl+` 打开VS Code终端
查看全部 -
命名含义不要觉得长
查看全部 -
indIndex() 方法返回传入一个测试条件(函数)符合条件的数组第一个元素位置。
findIndex() 方法为数组中的每个元素都调用一次函数执行:
当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。
如果没有符合条件的元素返回 -1
查看全部 -
学了一招 --- v-for 的时候 加上 :key
查看全部 -
splice 数组方法,向数组添加或者删除item,返回修改后的数组 splice(index,howmany,item1,.....,itemX) index:添加或者删除的索引位置 howmany:要删除的项目数量,如果为0,则不删除 item1....:添加的item filter() 数组方法,创建一个新数组,筛选掉不满足条件的item filter(function(currentValue,index,arr), thisValue)
查看全部
举报