vue-parcel

最新推荐文章于 2024-04-07 10:02:16 发布
最新推荐文章于 2024-04-07 10:02:16 发布
阅读量197 收藏
点赞数
分类专栏： vue 构建工具 文章标签： parcel vue parcel-vue vue-parcel
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39147099/article/details/84204461
版权
关于parcel

Parcel 是一个前端构建工具，Parcel 官网 将它定义为极速零配置的Web应用打包工具。复杂繁琐的 webpack 配置一直是前端项目里的一个痛点，而新一代的“零配置”打包器 parcel 正在解决这个问题。
Parcel 的特性

  • 快速打包：启用多核编译，并具有文件系统缓存
  • 打包所有资源：支持JS，CSS，HTML，文件资源等等 - 不需要安装任何插件
  • 自动转换：使用 Babel，PostCSS 和 PostHTML 自动转换
  • 零配置代码拆分：使用动态 import() 语法拆分您的输出包，只加载初始加载时所需的内容
  • 模块热替换：不需要进行任何配置
  • 友好的错误记录：以语法高亮的形式打印的代码帧，以帮助你查明问题

详细可看：parcel官网

下面是自己基于Parcel打包工具的 VueJS急速开发脚手架 ：vue-parcel
项目功能:
1. 封装axios
2. vuex
项目结构：
在这里插入图片描述

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

$ npm run dev

打包编译

$ npm run build

项目clone下来后修改store/module/demo.js即可运行

laumlin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
parcelvue一个全新打包工具Parcel零配置VueJS开发脚手架
08-09
全新Parcel打包工具VueJS急速开发脚手架解决方案。parcel-vue 一个基于Parcel打包工具的 VueJS急速开发脚手架解决方案。
vue-parcel-starter:带有Parcel + Typescript的Vue.js入门套件
05-02
cd vue-parcel-starter yarn install 概述 这是带有Parcel + Typescript的Vue.js入门工具包。 它包括用于开发的热模块重装和用于CSS的sass。 剧本 发展 npm start在localhost：1234上构建并提供应用程序 生产 npm ...
parcel-vue
小皮咖的博客
07-02 730
前沿 parcel 工具的优点： 1、 Parcel 使用工作进程启用多核编译，并具有文件系统缓存，即使在重新启动后也可快速重新构建。 2 、Parcel 支持JS，CSS，HTML，文件资源等等 - 不需要安装任何插件。 3、在需要时，代码使用 Babel，PostCSS 和 PostHTML 自动转换 - 即使是 node_modules。 4、Parcel 使用动态 import(...
Parcel 提供了Vue Plugin
qq_40126542的博客
07-19 388
小编推荐：Fundebug专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公司都在使用。 Parcel 是一个前端构建工具，Parcel 官网 将它定义为极速零配置的Web应用打包工具。没错，又是一个构建工具，你一定会想，为什么前端的构建工具层出不穷，搞那么多工具又要花时间去学习，真的有意义吗？在 web...
vue2.x 多页面构建_parcel快速构建多页面应用
weixin_31140599的博客
01-19 293
前言  由于项目需要前端时间，用到了webpack去搭建一个html的应用，发现配置起来很繁琐。为了能够自动加载所有的入口。不得不去写一些代码。其中用到的一个处理html的loader(由于html中没有require，所以需要处理)，可能是由于太久是之前开发的，太久没有维护，抽出来的img的src 都是 {default:path}的这种样子，而不得不去fork下来改写。没有更加方便快...
前端学习（2266）vue造轮子之parcel
歌谣的博客
09-24 229
index.html <!doctype html> <html lang="zh-Hans"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"&g...
electron-vue-parcel
05-06
电子Vue.js包裹 超级基本的样板电子应用程序，使用Vue.js和Parcel进行捆绑。 安装 克隆此仓库 cd electron-vue-parcel yarn或npm install ...npm run parcel-dev # Run the Electron App npm run electron-dev
vue-parcel-demo:快速入门示例，包括代码拆分，热重装，Vuex，Vue路由器和更少的代码
05-19
cd vue-parcel-demo npm install # or yarn install :building_construction: 发展 npm run dev # or yarn dev 该应用程序在浏览器默认情况下打开了http://127.0.0.1:1234 。 :rocket: 建造 npm run build # or ...
vue-parcel:Vue.js +包裹模板[已弃用]
05-09
vue-parcel是具有热重载功能的Vue.js + Parcel模板，并支持vuex和vue-router 。 基本设定 NPM npm install --global vue-cli vue init c4rlosviteri/vue-parcel project-name cd project-name npm install npm run...
vue-parcel-template:基于 Parcel 打包前端，包含 iView 框架。无缝衔接 Node Express 后端框架的前后端一体代码模板
05-24
Vue Parcel Template 基于 Parcel 打包前端，包含 iView 框架。无缝衔接 Node Express 后端框架的前后端一体代码模板。 目录说明 bin - 服务启动入口 interface - 业务接口实现 frontend - 前端代码 assets - 前端...
尤大都说了，别用parcel了。但我还是整出了一款Vue3项目搭建工具parcel-vue-app
主要领域：前端开发
05-11 573
先放图 弱弱的说一句，我真的错了。不该用parcel~ 前几天，尤大开直播说了造轮子的好处，主要还是锻炼自己。所以自己还是义无反顾地把这个项目搭建工具慢慢地造起来。 这次升级 这次版本是v1.0.5。 我们来看下这次版本的预装依赖，我们的项目UI框架预先安装上了ant-design-vue@2.1.4，默认是按需加载。为什么这次是引入它，而不是element-plus，主要是考虑到parcel2针对babel.config.js这样的JS文件对组件样式引入实时检测不是很好，你必须手动刷新才能获取最新状态
parcel+vue项目笔记
wang_liuyong的博客
03-05 226
准备 npm init 安装vuenpm i vue 安装parcelnpm install -g parcel-bundler 开发者使用的包 -D 安装后运行parcel,parcel会自动安装所有依赖 vue pacel 配置 Parcel 在你项目的 package.json 中添加： { // … “alias”: { “vue” : “./node_modules/vue/di...
parcel打包Vue.js零配置
lin_ji_you的博客
06-23 234
初始化项目 // 安装脚手架 $ npm install parcel-vue -g // 初始化 $ parcel-vue project $ cd project $ npm install 配置vue.js 基本插件 vue-router vuex less 运行 npm run dev 打包 npm run build parecl官网 https://parceljs.org/getting_started.html 中文文档非常好 项目地址 https://github.c
iview构建基本html页面,Parcel-VUE零配置前端构建（iview实践）
weixin_34226837的博客
06-04 189
前言在我的上一篇文章才刚刚阐述了vue-cli的webpack模板工程构建优化方案和步骤，以及在结尾时对未来前端构建的思考和展望。结果这个时候 Parcel 就横空出世了，目前关于Parcel的文档很少，而且Parcel本身也处于高速迭代发展的实验阶段，但它的确是前端构建的最终解决方案，也许这一次，真的没有之一了原本寄期望于webpack能够一统天下，但伴随着webpack越发复杂臃肿，我对于它的...
探索 Parcel Vue：新一代前端构建利器
最新发布
gitblog_00071的博客
04-07 279
探索 Parcel Vue：新一代前端构建利器 项目地址:https://gitcode.com/cheneyweb/parcel-vue Parcel Vue 是一个基于 Parcel 和 Vue.js 的快速、简单且零配置的前端开发项目模板。它结合了 Parcel 的自动化和 Vue 的易用性，为开发者提供了一个现代化的前端开发环境。 项目简介 Parcel Vue 旨在简化 Vue.js 应...
全新打包工具parcel零配置vuejs开发脚手架
weex的博客
01-09 1234
全新打包工具parcel零配置vue开发脚手架 parcel-vue 一个基于parcel打包工具的 vue开发脚手架解决方案,强烈建议使用node8.0以上 项目地址(求star^_^): 点此进入 初始化项目 // 安装脚手架 $ npm install parcel-vue -g // 初始化 $ parcel-vue projectName 安装依赖 $ cd p
【Parcel 2 + Vue 3】从0到1搭建一款极快，零配置的Vue3项目构建工具
主要领域：前端开发
03-30 2214
前言 一周时间，没见了，大家有没有想我啊！哈哈！我知道肯定会有的。言归正传，我们切入正题。上一篇文章中我主要介绍了使用Vite2+Vue3+Ts如何更快的入手项目。那么，今天我将会带领大家认识一个新的Vue3项目构建工具——parcel-vue-cli。这是什么？怎么以前没有听说过。有这样的疑问其实并不奇怪，因为这个构建工具是我自己开发的。你可能会这样问：“你自己开发的？这么厉害吗”？是的，豆哥其实就这么厉害。开玩笑啦！其实没有你想得那么厉害。都是搬砖人，主要看思路。好，不扯了！本篇文章我将带大家如何从0到
Parcel.js + Vue 搭建笔记
qq_40126542的博客
07-19 1457
小编推荐：Fundebug专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公司都在使用。 前言 去年年末便听得新一代打包工具 Parcel.js 的风风火火，今日也终于得以静下心来试一试。 Parcel 如官网所述，极速零配置 Web 应用打包工具。 GitHub : https://gith...
实战用Parcel打包vue
qq_40126542的博客
07-19 752
小编推荐：Fundebug专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公司都在使用。 parcel一个快速，零配置的 Web 应用程序打包工具,这里我介绍下如何和vue结合进行开发,强烈建议node8以上,具体代码:https://github.com/zlxbuzz/pa... 初始化项目 m...
parcel和Vue区别
03-14
Parcel和Vue是两个不同的工具或框架，它们的主要区别在于用途和功能。Parcel是一个快速、零配置的打包工具，可以将多个文件打包成一个文件，而Vue是一个流行的JavaScript框架，用于构建交互式Web应用程序。Vue提供了许多功能，例如组件化、响应式数据绑定和虚拟DOM等，而Parcel则专注于提供快速、简单的打包解决方案。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值