全新打包工具parcel零配置vue开发脚手架


Posted in Javascript onJanuary 11, 2018

parcel-vue 一个基于Parcel打包工具的 VueJS急速开发脚手架解决方案,强烈建议使用node8.0以上

项目地址: https://github.com/w3c-king/parcel-vue

初始化项目

$ git clone https://github.com/w3c-king/parcel-vue.git

安装依赖

$ cd parce-vue
$ npm install

其中 parcel-bundler 是主要的工具,对于 vue 结尾的单文件,需要单独处理文件类型, parcel-plugin-vue 这个插件会通过 vueify 来生成对应的代码, parcel 会自动加载 parcel-plugin 开头的依赖。

运行开发环境,运行成功打开浏览器http://localhost:1234即可查看项目

$ npm run dev

打包编译

$ npm run build

开发

目录结构

src
├── router
 ├── index.js
├── assets
 ├── logo.png
├── components
 ├── Hello
 ├── index.js
 ├── index.js
├── views
 ├── HelloWorld
  ├── images
   ├── logo.png
  ├── HelloWorld.vue
├── styles
 ├── common.css
├── store
 ├── global
  ├── global.js
  ├── index.js
 ├── index.js
├── app.vue
├── index.js

只需要执行 npm run dev npm run build 就可以进行开发和构建。

总结

以上所述是小编给大家介绍的全新打包工具parcel零配置vue开发脚手架,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
一个js实现的所谓的滑动门
May 23 Javascript
jQuery 1.3 和 Validation 验证插件1.5.1
Jul 09 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件
Dec 21 Javascript
理解JAVASCRIPT中hasOwnProperty()的作用
Jun 05 Javascript
Jquery实现网页跳转或用命令打开指定网页的解决方法
Jul 09 Javascript
JS:window.onload的使用介绍
Nov 13 Javascript
JS实现表格数据各种搜索功能的方法
Mar 03 Javascript
浅谈Sizzle的“编译原理”
Apr 14 Javascript
解决vue中修改export default中脚本报一大堆错的问题
Aug 27 Javascript
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
Jul 20 Javascript
如何使用JavaScript检测空闲的浏览器选项卡
May 28 Javascript
JavaScript阻止事件冒泡的方法
Dec 06 Javascript
详解VUE2.X过滤器的使用方法
Jan 11 #Javascript
Vuex提升学习篇
Jan 11 #Javascript
浅谈Node.js爬虫之网页请求模块
Jan 11 #Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
Jan 11 #Javascript
angular2中Http请求原理与用法详解
Jan 11 #Javascript
基于node下的http小爬虫的示例代码
Jan 11 #Javascript
JS脚本实现网页自动秒杀点击
Jan 11 #Javascript
You might like
js封装的textarea操作方法集合(兼容很好)
2010/11/16 Javascript
JQuery UI的拖拽功能实现方法小结
2012/03/14 Javascript
JavaScript跨域方法汇总
2014/10/16 Javascript
原生js和jQuery随意改变div属性style的名称和值
2014/10/22 Javascript
node.js中的fs.readdir方法使用说明
2014/12/17 Javascript
jquery实现的3D旋转木马特效代码分享
2015/08/25 Javascript
基于JavaScript实现定时跳转到指定页面
2016/01/01 Javascript
深入学习jQuery Validate表单验证(二)
2016/01/18 Javascript
Angularjs 滚动加载更多数据
2016/03/17 Javascript
jquery实现简单的banner轮播效果【实例】
2016/03/30 Javascript
js实现自定义进度条效果
2017/03/15 Javascript
vue 2.0封装model组件的方法
2017/08/03 Javascript
layui中使用jquery控制radio选中事件的示例代码
2018/08/15 jQuery
javaScript实现游戏倒计时功能
2018/11/17 Javascript
基于Node.js的大文件分片上传示例
2019/06/19 Javascript
echarts大屏字体自适应的方法步骤
2019/07/12 Javascript
[40:31]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python 冒泡,选择,插入排序使用实例
2015/02/05 Python
简介Django中内置的一些中间件
2015/07/24 Python
浅谈python requests 的put, post 请求参数的问题
2019/01/02 Python
python抖音表白程序源代码
2019/04/07 Python
使用python进行广告点击率的预测的实现
2019/07/04 Python
pycharm如何实现跨目录调用文件
2020/02/28 Python
python 3.8.3 安装配置图文教程
2020/05/21 Python
让IE6、IE7、IE8支持CSS3的脚本
2010/07/20 HTML / CSS
澳大利亚第一的设计师礼服租赁网站:GlamCorner
2017/08/13 全球购物
铭万公司.net面试题笔试题
2014/07/20 面试题
八年级音乐教学反思
2014/01/09 职场文书
2014社区三八妇女节活动总结
2014/03/01 职场文书
销售目标责任书
2014/07/23 职场文书
画展邀请函
2015/01/31 职场文书
2015年行风建设工作总结
2015/05/15 职场文书
小学六一主持词开场白
2015/05/28 职场文书
团队拓展训练心得体会
2016/01/12 职场文书
Redis Cluster集群动态扩容的实现
2021/07/15 Redis
ubuntu安装jupyter并设置远程访问的实现
2022/03/31 Python