欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-05 20:31:34
parcel-vue 一个基于parcel打包工具的 vuejs急速开发脚手架解决方案,强烈建议使用node8.0以上 项目地址: 初始化项目 $ git clon...

parcel-vue 一个基于parcel打包工具的 vuejs急速开发脚手架解决方案,强烈建议使用node8.0以上

项目地址:

初始化项目

$ git clone

安装依赖

$ cd parce-vue
$ npm install

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

运行开发环境,运行成功打开浏览器即可查看项目

$ 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开发脚手架,希望对大家有所帮助