当前位置:Gxlcms > JavaScript > 打包工具parcel零配置vue开发脚手架

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

时间:2021-07-01 10:21:17 帮助过:10人阅读

本文主要给大家介绍全新打包工具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

安装依赖


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

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


打包编译


开发

目录结构


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

相关推荐:

图文解析如何使用vue-cli脚手架

如何实现一个简单的Node.js脚手架

vue项目脚手架介绍

以上就是打包工具parcel零配置vue开发脚手架的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行