全新打包工具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 相关文章推荐
SWFObject 2.1以上版本语法介绍
Jul 10 Javascript
JS跨域问题详解
Nov 25 Javascript
javascript去掉代码里面的注释
Jul 24 Javascript
基于Javascript实现弹出页面效果
Jan 01 Javascript
JS加载器如何动态加载外部js文件
May 26 Javascript
聊一聊JS中this的指向问题
Jun 17 Javascript
百度地图API之百度地图退拽标记点获取经纬度的实现代码
Jan 12 Javascript
JavaScript数组_动力节点Java学院整理
Jun 26 Javascript
jQuery选择器_动力节点Java学院整理
Jul 05 jQuery
Vue源码解析之数据响应系统的使用
Apr 24 Javascript
javascript使用链接跨域下载图片
Nov 01 Javascript
Vue实现星级评价效果实例详解
Dec 30 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
一个php作的文本留言本的例子(六)
2006/10/09 PHP
php中使用cookie来保存用户登录信息的实现代码
2012/03/08 PHP
探讨PHP函数ip2long转换IP时数值太大产生负数的解决方法
2013/06/06 PHP
PHP超全局数组(Superglobals)介绍
2015/07/01 PHP
PHP的Laravel框架中使用消息队列queue及异步队列的方法
2016/03/21 PHP
非常有用的9个PHP代码片段
2016/04/06 PHP
jQuery 源码分析笔记(2) 变量列表
2011/05/28 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
2014/05/20 Javascript
JavaScript 2048 游戏实例代码(简单易懂)
2016/03/25 Javascript
微信小程序使用第三方库Underscore.js步骤详解
2016/09/27 Javascript
js判断浏览器是否支持严格模式的方法
2016/10/04 Javascript
jquery删除table当前行的实例代码
2016/10/07 Javascript
Nodejs中解决cluster模块的多进程如何共享数据问题
2016/11/10 NodeJs
Jquery Easyui分割按钮组件SplitButton使用详解(17)
2016/12/18 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
2016/12/18 Javascript
AngularJS ui-router (嵌套路由)实例
2017/03/10 Javascript
详解使用webpack打包编写一个vue-toast插件
2017/11/08 Javascript
vue写h5页面的方法总结
2019/02/12 Javascript
js实现百度登录窗口拖拽效果
2020/03/19 Javascript
js实现整体缩放页面适配移动端
2020/03/31 Javascript
vue.js实现h5机器人聊天(测试版)
2020/07/16 Javascript
jquery实现图片放大镜效果
2020/12/23 jQuery
[00:29]2019完美世界全国高校联赛(秋季赛)总决赛海口落幕
2019/12/10 DOTA
python实现栅栏加解密 支持密钥加密
2019/03/20 Python
解决Python找不到ssl模块问题 No module named _ssl的方法
2019/04/29 Python
python分布式计算dispy的使用详解
2019/12/22 Python
Python3.7在anaconda里面使用IDLE编译器的步骤详解
2020/04/29 Python
CHRONEXT英国:您的首选奢华腕表目的地
2020/03/30 全球购物
优秀员工自荐书范文
2013/12/08 职场文书
物流司机岗位职责
2013/12/28 职场文书
教师对学生的寄语
2014/04/03 职场文书
理财学专业自荐书
2014/06/28 职场文书
英语系毕业生求职信
2014/07/13 职场文书
工伤私了协议书范本
2014/11/24 职场文书
教师节慰问信
2015/02/15 职场文书
2016年教师寒假学习心得体会
2015/10/09 职场文书