资讯专栏INFORMATION COLUMN

原创全新打包工具Parcel零配置VueJS开发脚手架

testHs / 2913人阅读

摘要:一个基于打包工具的急速开发脚手架解决方案强烈建议使用以上项目地址初始化项目安装依赖其中是主要的工具,对于结尾的单文件,需要多带带处理文件类型,这个插件会通过来生成对应的代码,会自动加载开头的依赖。

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

项目地址: https://github.com/w3c-king/p...

初始化项目
$ 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 devnpm run build 就可以进行开发和构建。

nodejs版本升级,如果您的node版本低于8.0,我们强烈建议您升级node版本(命令行升级不支持windows)
$ npm install -g n
$ n stable

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/90783.html

相关文章

  • 宣布 Parcel:一个快速,配置的 Web 应用打包工具 ?

    摘要:宣布一个快速,零配置的应用打包工具原文译者今天,我非常高兴地宣布,一个快速,零配置的应用程序打包工具,我对于该工具的工作已经持续了几个月。性能我被激发建立一个新的打包工具的第一个原因是性能。 ? 宣布 Parcel:一个快速,零配置的 Web 应用打包工具 ? 原文:? Announcing Parcel: A blazing fast, zero configuration web...

    learn_shifeng 评论0 收藏0
  • Parcel - 极速配置Web应用打包工具

    摘要:极速零配置应用打包工具的优势极速打包时间使用进程去启用多核编译。的缺点缺乏插件新出的打包工具,还在成长当中,插件的数量和这种成熟的工具是无法相比的。不太适合大项目毕竟配置,无需过多的配置即可使用。 showImg(https://segmentfault.com/img/remote/1460000012593231); 开发项目或者写 demo 的时候,还在为 webpack 的配置...

    fireflow 评论0 收藏0
  • ?述说Parcel:一个快速的配置的web打包工具 ?

    摘要:前言今天很高兴来讲一下新的打包工具,一个快速的,零配置的打包工具。上述原因影响了初步构建的速度。他也有文件缓存系统,以便于快速的重建。一个的打包工程行代码,已经不是什么稀罕的事情了。 这篇文章总字数:1214,普通阅读4分钟,速读2分钟,主要讲的是新的打包工具parcel的一些新特性,谢谢,有兴趣朋友可以关注一下我的github上面有30多篇文章,喜欢的可以watch或者star。你的...

    wuaiqiu 评论0 收藏0
  • Vue运行时全解析 - VueCLI3上手(一)

    摘要:可以译作运行时过程全面分析和解析,这个全面分析涉及到比较基础的或者复杂的重要前端概念和中的概念等。注本篇是运行时全解析系列文章的第一篇,首次发表于,友善转载蟹蟹。附更多内容请参考核心维护者蒋豪群同学的的公开课视频 Vue Runtime Full Analysis - VueCLI3 Get Start VRFA: (Vue Runtime Full Analysis) 可以译作vue...

    molyzzx 评论0 收藏0
  • 新一代打包神器parcel简介

    摘要:友好的错误记录体验,语法突出显示的代码帧有助于查明问题。为入口资源创建一个,并为动态导入的资源创建子,这回导致代码拆分的发生。如果一个资源需要多个,它会被打包到最近的共同祖先,因此它不会被包含多次。 官方地址:https://parceljs.org/getting_... Parcel 是 Web 应用打包工具,适用于经验不同的开发者。它利用多核处理提供了极快的速度,并且不需要任何...

    Jenny_Tong 评论0 收藏0

发表评论

0条评论

testHs

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<