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

这篇文章主要为大家详细介绍了全新打包工具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开发脚手架，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对四海网网站的支持！

本文来自：http://www.q1010.com/184/4042-0.html

注：关于全新打包工具parcel零配置vue开发脚手架的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js