本文主要给大家介绍全新打包工具parcel零配置vue开发脚手架的相关知识，感兴趣的朋友一起看看吧。parcel-vue 一个基于parcel打包工具的 vuejs急速开发脚手架解决方案,强烈建议使用node8.0以上。
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 就可以进行开发和构建。
相关推荐：
图文解析如何使用vue-cli脚手架
如何实现一个简单的node.js脚手架
vue项目脚手架介绍
以上就是打包工具parcel零配置vue开发脚手架的详细内容。