您当前的位置:主页 > 马会2019年开奖记录 >

实战Parcel构建一个基于Vuejs的相册应用

作者:admin     发布时间:2019-10-03 15:18 点击数:

  前段时间在我的个人博客上发了一篇《前端构建工具发展及其比较》,回顾了前端构建工具的发展历程和进化,其中最新出来的零配置打包工具Parcel我一直很好奇,它到底怎么零配置了?众所周知此前 Webpack 的配置简有点让人茫然和无措,虽然现在 Webpack 4 也号称零配置,但也是相对的,依然需要配置一些东西,而我使用了 Parcel 后我有点惊讶,这货居然连个配置文件也不需要,不像 Webpack 需要一个这样的文件,Parcel真正是不需要配置,不需要指定什么入口、出口、插件配置之类的,看起来这货真的是个零配置工具。

  Parcel有个中文网站:,非常简洁,文档也比较清晰,周公解梦梦到自己在买棺材是什么意思!但感觉也有点简陋吧,不然就不会那么简洁了。具体就不多说了,看一看官网就知道了。

  我以这两天做的一个人相册应用为例子,这是一个Parcel结合Vue.js+VueRouter实现的一个简单应用,主要功能是展示相册列表,让后点击某个相册进入照片瀑布流布局页面,展示该相册下的所有照片。全部源码戳这里

  对着官网文档搭建环境到跑起来,硬是花了我几个小时消化,试错,搜索等。下面是相册应用的整体目录:

  这个目录结构大家做过Vue.js项目的应该很清楚吧,就把一一介绍是什么了。

  到这里环境搭建就算完成了,写好vue页面后,就可以执行npm run dev了,Parcel会自动读取脚本里的配置进行打包,然后会在根目录生成一个dist文件夹,里面的代码就是打包后的文件了,并且自动做了压缩操作。

  全程没有配置什么插件啊,转换器啊,对于vue文件我们也只是安装了一个包而已,没有类似这样的文件,是不是很酷?对于简单的项目是很好的选择。

  为什么说适合简单的项目?因为没有配置,意味着可控性不可控,保定快速建站公司人类对于不可控的东西是怀有很大的恐惧的,Webpack配置多了让人抓狂,Pacel了配置少了同样会让人抓狂,当然也许这个实例太简单还没用到什么高级的东西....

关闭窗口