1.安装 npm install animate.css 2.使用方法 入口文件App中进行引入 import animate from 'animate.css' 3.多个连续的动画 实现的效果:实现了三个蓝色方块依次以不同效果展现出来。 模板中代码: <template> <div class= ...
分类:
Web程序 时间:
2017-04-05 11:54:05
阅读次数:
406
用systemJS的时候,这样写是可以: 但是换成webpack后,这样就报错了,识别不了,查了一些资料,换成下面的就可以了。 或者用这种方法http://stackoverflow.com/questions/12766117/how-does-prototype-extend-on-typesc ...
分类:
Web程序 时间:
2017-04-05 11:34:24
阅读次数:
306
我们可以在js中引入样式文件 require('myStyle.css') 这时我们便需要引入相应的webpack loader来帮助我们解析这段代码。 一般来说需要引入css-loader和style-loader,其中css-loader用于解析,而style-loader则将解析后的样式嵌入j ...
分类:
Web程序 时间:
2017-04-04 22:10:07
阅读次数:
342
原文链接:http://www.jianshu.com/p/42e11515c10f 什么是WebPack,为什么要使用它? 为什要使用WebPack 现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度,前端社区涌现出了很多好的实 ...
分类:
Web程序 时间:
2017-04-04 21:53:03
阅读次数:
358
简介:讲解webpack如何实现模块编程,以及为什么我们需要打包,压缩js文件,实现sass/less编译以及JSX等模版的转换(版本控制),然后用实例说明如何用webpack实现SPA和MPA(单页面应用程序和多页面应用程序,包含详细图解)(在以后的文章中还将介绍如何实现js压缩和sass/les... ...
分类:
Web程序 时间:
2017-04-04 15:46:26
阅读次数:
291
webpack作为构建工具平时作为前端作为优化、模块编程、和分片打包的重要组成部分,大家可能并不陌生,如果没有时刻的去关注文档,那么大家可能不太清楚webpack已经默默然的升级到2.x了,对比1.x版本,webpack2的文档结构和代码提示都非常友善。 webpack从1.x升到2版,并没有作为大 ...
分类:
Web程序 时间:
2017-04-04 09:51:02
阅读次数:
315
1.安装 全局安装: npm install webpack -g 在项目目录下安装: npm install webpack --save-dev 打包文件基础命令: webpack source.js bundle.js 2.配置 在目录下创建webpack.config.js配置文件,另外也可 ...
分类:
Web程序 时间:
2017-04-02 19:22:04
阅读次数:
203
通常我们在vue里面使用别人开发的组件,第一步就是install,第二步在main.js里面引入,第三步Vue.use这个组件。今天我简单的也来use一个自己的组件。 这里我用的webpack-simple这个简单版本的脚手架为例,安装就不啰嗦了,直接进入正题 首先看下目前的项目结构: webpac ...
分类:
其他好文 时间:
2017-04-02 11:33:02
阅读次数:
516
可能发生问题的代码: 待操作的容器一定要在引入react通过webpack打包解释后的文件前出现! 正确代码如下: ...
分类:
其他好文 时间:
2017-04-02 09:52:13
阅读次数:
265
Vue01笔记 a) Import 一定不能放在函数内, 建议放在上方 b) Export 除了声明式的以外, 尽量放在代码的下方 a) Webpack-dev-server b) 是一个服务器, 每次启动会分配意义端口, 类似与sublime server的一个工具 也可以结合 package.j ...
分类:
其他好文 时间:
2017-04-02 09:19:28
阅读次数:
350