webpack插件:使用HtmlWebpackPlugin在页面中使用EJS语法引用模板文件(二)

上一篇中仅仅说了使用HtmlWebpackPlugin来处理html模板,其实该插件还支持EJS的模板语法: 那么我们就能把html页面的公用html代码拿出来成一个组件,需要的时候使用模板引入 具体怎么做呢? 如果weboack不能直接去支持这么写,需要一个html-loader作为中介;...

2018-03-30 18:14:21

阅读数 3599

评论数 0

webpack对html文件的处理

为什么去处理html文件 我们所有的方法都打包到了dist的文件夹下面,而我们的html是在自己定义的文件夹下面,如果自己手动再去一个一个src引入这些dist文件夹下的js,那么也有些太不靠谱了 所以解决办法是: 使用webpack插件:HtmlWebpackPlugin 第一步:...

2018-03-30 17:54:06

阅读数 2050

评论数 0

webpack对css进行单独打包

** 目标:项目中所有的css文件全部打包到dist下面的css文件夹下面; ** 一、webpack对css的处理 我们都知道webpack是可以直接去处理javascript的代码,但是对于css、image、font等,是不能直接处理的,需要使用到loader将其转化成jav...

2018-03-30 16:53:16

阅读数 5657

评论数 0

webpack4笔记

对于webpack的概念类东西不多做解释,感兴趣可以去参考官方文档 ,主要记录如何去使用webpack4 开始一个项目 安装好了之后,使用命令行npm init来初始化一个项目,接下来对生成的package.json文件进行处理: 安装webpack 和前几个的版本一样,你可以在全局安装,...

2018-03-30 16:52:23

阅读数 414

评论数 0

vue-router路由懒加载

懒加载,就是lazy-loading,顾名思义延迟加载,什么时候用到了什么时候去加载; 一个普通的Vue单页应用项目,直接去使用webpack去打包,那么打包后的javascript包体积会非常的大,导致进入首页的时间会非常长;于是就有了懒加载的思路; 那么什么是路由懒加载呢? 把不...

2018-03-30 16:51:16

阅读数 1742

评论数 1

webpack提取公共模块-CommonsChunkPlugin

CommonsChunkPlugin官方文档解释: CommonsChunkPlugin 插件,是一个可选的用于建立一个独立文件(又称作 chunk)的功能,这个文件包括多个入口 chunk 的公共模块。通过将公共模块拆出来,最终合成的文件能够在最开始的时候加载一次,便存到缓存中供后续使用...

2018-03-30 16:48:52

阅读数 2586

评论数 0

tab页切换时候样式更改和单页的过渡

在vue项目中,如何做到选中切换样式呢?就如同下图所示 比如选中的这个加上.active的class样式,如果按照jquery或者原生的思路来,无非就是清除兄弟的.active 添加自己的 .active 这种选中切换,在vue中的思路很简单,当某个被选中时,对应的标签就会有.rout...

2018-03-13 09:22:05

阅读数 2113

评论数 0

vue的多标签页实现

1.vue的多标签页实现 2.打开一个新标签页 3.关闭标签页

2018-03-12 13:28:28

阅读数 14383

评论数 71

ES6之Array.from方法

Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)。

2018-03-08 15:40:16

阅读数 71

评论数 0

ES6拓展运算符的常用场景

之前在学习vuex的辅助函数mapState时候,开始看了一下拓展运算符,当时理解的过于浅显,并写了一片浅显的文章 最近项目空闲期,想认真总结一下这个语法糖/三个点/拓展运算符 拓展运算符的含义 将一个数组转为用逗号分隔的参数序列 该运算符主要用于函数调用。 从最浅显的外表来...

2018-03-08 15:31:37

阅读数 335

评论数 0

提示
确定要删除当前文章?
取消 删除