分类
Javascript

Vue Vuex vue-route学习项目

Vue 2.0已经正式发布好长时间了。想找一个Vue.js Vuex vue-route的学习项目来练手。做个电商App吧,上gitHub搜索了一下搜到一大堆,不过基本上都不是使用单文件组件开发的,更不用说基于Vue.js全家桶了。本项目不一样的地方在于使用vue-cli + webpack template开发模式,还要求Web和移动端一体化,也就是响应式Web,而且不能Mock数据,额外需要有一个提供restful web api的后端应用。哈哈,就是搞全栈呀。

分类
Javascript

Webpack打包组件库的姿势

最近开发了一个Vue插件,怎样分享受给其它开发者使用?项目A、项目B、项目C都要用到架构组开发的组件库,怎么实现不同项目组之间代码的同步。本文基于Webpack 讨论打包Vue组件库的正确方法。

分类
Javascript

使用Vue-cli部署多页面应用

如果你仔细阅读过上一篇文章,使用Vue-cli部署多页面应用就很简单了。关键在于我们要修改生产环境下模板文件和要写入文件路径,还要显示设置chunk仅为应用添加特定块。我们的目标是将app1.htmlapp2.htm输出在默认的dist目录下。

分类
Javascript

使用Vue-cli开发多页面应用

大家都知道,Vue-cli是一个强大的脚手架工具,通常情况下,它使用webpack来开发部署SPA(单页面应用)。SPA是很好用,也能满足很多场景。然而SPA也不是万能的。比如你的团队需要同时开发多个项目,前端会公用用到一些自行开发的业务组件,但这些组件并不太成熟,需要不时修复一些bug。环境限制你无法将这些组件的最新版同步更新到各项目。此时一种比较好的解决方案就是将各项目的代码和组件库代码放到一个工程里。本质上这就是开发多页面应用了。如何使用Vue-cli开发开发多页面应用呢?

分类
Javascript

Grunt-vs-Gulp

Gulp已经出来很久了,Gulp的具体etig可以参考园子的这篇文章。本文要讲述有是它与Grunt有什么异同。