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

转载  更新时间:2018年01月11日 15:42:20   作者:w3c-king   我要评论

parcel-vue 一个基于Parcel打包工具的 VueJS急速开发脚手架解决方案,强烈建议使用node8.0以上。下面通过本文给大家介绍全新打包工具parcel零配置vue开发脚手架的相关知识,感兴趣的朋友一起看看吧

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开发脚手架,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • nodejs读取并去重excel文件

    nodejs读取并去重excel文件

    给大家带来一篇关于用nodejs实现excel文件的读取并去重的功能,有兴趣的朋友参考学习下。
    2018-04-04
  • 详解vue.js的devtools安装

    详解vue.js的devtools安装

    本篇文章主要介绍了详解vue.js的devtools安装 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • 你点的 ES6一些小技巧,请查收

    你点的 ES6一些小技巧,请查收

    本文给大家总结ES6新特性:默认参数、reduce、解构赋值和Set在使用时的一些小技巧。需要的朋友参考下吧
    2018-04-04
  • Vue 兄弟组件通信的方法(不使用Vuex)

    Vue 兄弟组件通信的方法(不使用Vuex)

    本篇文章主要介绍了Vue 兄弟组件通信的方法(不使用Vuex),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • vue内置指令详解

    vue内置指令详解

    指令是Vue模板中最常用的一项功能,它带有前缀v-,主要职责是当其表达式的值改变时,相应的将某些行为应用在 DOM 上。这篇文章主要介绍了vue内置指令详解,需要的朋友可以参考下
    2018-04-04
  • vue实现点击图片放大效果

    vue实现点击图片放大效果

    这篇文章主要为大家详细介绍了vue实现点击图片放大效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • Vue组件BootPage实现简单的分页功能

    Vue组件BootPage实现简单的分页功能

    这篇文章主要为大家详细介绍了Vue小组件BootPage实现简单的分页功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • 浅谈vue-cli 3.0.x 初体验

    浅谈vue-cli 3.0.x 初体验

    这篇文章主要介绍了浅谈vue-cli 3.0.x 初体验,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • 解决vue build打包之后首页白屏的问题

    解决vue build打包之后首页白屏的问题

    下面小编就为大家分享一篇解决vue build打包之后首页白屏的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • Vue 中使用vue2-highcharts实现曲线数据展示的方法

    Vue 中使用vue2-highcharts实现曲线数据展示的方法

    下面小编就为大家分享一篇Vue 中使用vue2-highcharts实现曲线数据展示的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03

最新评论