全新打包工具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 相关文章推荐
基于jquery的tab切换 js原理
Apr 01 Javascript
基于jQuery实现表格数据的动态添加与统计的代码
Jan 31 Javascript
JS小功能(offsetLeft实现图片滚动效果)实例代码
Nov 28 Javascript
javascript数字时钟示例分享
Apr 23 Javascript
Egret引擎开发指南之发布项目
Sep 03 Javascript
jQuery中:text选择器用法实例
Jan 03 Javascript
jquery带下拉菜单和焦点图代码分享
Aug 24 Javascript
jQuery1.9.1源码分析系列(十六)ajax之ajax框架
Dec 04 Javascript
vue 将页面公用的头部组件化的方法
Dec 18 Javascript
Vue中的slot使用插槽分发内容的方法
Mar 01 Javascript
微信小程序实现文字跑马灯
May 26 Javascript
LayUI+Shiro实现动态菜单并记住菜单收展的示例
May 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
php 高性能书写
2010/12/11 PHP
PHP number_format() 函数定义和用法
2012/06/01 PHP
php实现单链表的实例代码
2013/03/22 PHP
php实现简单文件下载的方法
2015/01/30 PHP
php判断手机浏览还是web浏览,并执行相应的动作简单实例
2016/07/28 PHP
尽可能写"友好"的"Javascript"代码
2007/01/09 Javascript
JS数学函数Exp使用说明
2012/08/09 Javascript
Jquery中ajax方法data参数的用法小结
2014/02/12 Javascript
jQuery中parents()和parent()的区别分析
2014/10/28 Javascript
解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
2015/12/10 Javascript
JSONObject使用方法详解
2015/12/17 Javascript
js简单判断移动端系统的方法
2016/02/25 Javascript
jQuery实现TAB选项卡切换特效简单演示
2016/03/04 Javascript
JS中frameset框架弹出层实例代码
2016/04/01 Javascript
再次谈论React.js实现原生js拖拽效果引起的一系列问题
2016/04/03 Javascript
Javascript基础_嵌入图像的简单实现
2016/06/14 Javascript
js实现目录链接,内容跟着目录滚动显示的简单实例
2016/10/15 Javascript
React Native中NavigatorIOS组件的简单使用详解
2018/01/27 Javascript
vue实现底部菜单功能
2018/07/24 Javascript
详解jQuery获取特殊属性的值以及设置内容
2018/11/14 jQuery
Vue函数式组件的应用实例详解
2019/08/30 Javascript
vue点击按钮实现简单页面的切换
2020/09/08 Javascript
python爬取微信公众号文章
2018/08/31 Python
numpy.meshgrid()理解(小结)
2019/08/01 Python
python集合的创建、添加及删除操作示例
2019/10/08 Python
两种CSS3伪类选择器详细介绍
2013/12/24 HTML / CSS
浅谈html5标签css3的常用样式
2016/10/20 HTML / CSS
研究生自荐信
2013/10/09 职场文书
超市中秋节促销方案
2014/03/21 职场文书
意向书范文
2014/03/31 职场文书
学生自我评语
2015/01/04 职场文书
基层工作经历证明
2015/06/19 职场文书
申请吧主发表的感言
2015/08/03 职场文书
聊聊JS ES6中的解构
2021/04/29 Javascript
MySQL基于索引的压力测试的实现
2021/11/07 MySQL
Linux中一对多配置日志服务器的详细步骤
2022/07/23 Servers