parcel打包Vue.js零配置

最新推荐文章于 2024-04-07 10:02:16 发布

odoo开发

最新推荐文章于 2024-04-07 10:02:16 发布

阅读量276

点赞数

文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/lin_ji_you/article/details/106922885

版权

本文详细介绍使用Parcel脚手架初始化Vue.js项目的过程，包括安装Parcel、创建项目、配置插件如vue-router、Vuex和Less，以及如何运行和打包项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

初始化项目

// 安装脚手架
$ 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.com/w3c-king/parcel-vue

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

odoo开发

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

parcelvue一个全新打包工具Parcel零配置VueJS开发脚手架

08-09

全新Parcel打包工具VueJS急速开发脚手架解决方案。parcel-vue 一个基于Parcel打包工具的 VueJS急速开发脚手架解决方案。

Parcel.js + Vue 2.x 极速零配置打包体验教程

11-29

Parcel.js 的官网有这样的自我介绍 “极速零配置Web应用打包工具” 简单接触了一下，单从效率上来说，确实要比 webpack 强上不少，可坑也挺多，未来升级之后应该会逐渐普及官方文档：...

参与评论您还未登录，请先登录后发表或查看评论

parcel打包vue

weixin_33885676的博客

04-17

195

新建文件夹parcel-vue yarn init -y //初始化package.json 安装依赖 yarn add vue parcel-bundler vue-template-compiler 新建index.html //index.html <!DOCTYPE html> <html lang="en"&...

Parcel + Vue 2.x 极速零配置打包体验

weixin_34212762的博客

12-24

119

继 Browserify、Webpack 之后，又一款打包工具 Parcel 横空出世 Parcel.js 的官网有这样的自我介绍 “极速零配置Web应用打包工具” 简单接触了一下，单从效率上来说，确实要比 webpack 强上不少，可坑也挺多，未来升级之后应该会逐渐普及官方文档：https://parceljs.org/getting_started.html 官方 GitHub：ht...

parcel-vue

小皮咖的博客

07-02

785

前沿 parcel 工具的优点： 1、 Parcel 使用工作进程启用多核编译，并具有文件系统缓存，即使在重新启动后也可快速重新构建。 2 、Parcel 支持JS，CSS，HTML，文件资源等等 - 不需要安装任何插件。 3、在需要时，代码使用 Babel，PostCSS 和 PostHTML 自动转换 - 即使是 node_modules。 4、Parcel 使用动态 import(...

parcel+vue入门

weixin_34270865的博客

11-09

158

一、parcel简单使用 npm install -D parcel-bundler npm init -y (-y表示yes，跳过项目初始化提问阶段，直接生成package.json 文件。) Parcel 可以使用任何类型的文件作为入口，但是最好还是使用 HTML 或 JavaScript 文件。如果在 HTML 中使用相对路径...

使用Parcel与Vue.js和TypeScript构建高效项目模板

资源摘要信息:"parcel-vue-ts模板是一个用于通过Parcel打包工具将Vue.js前端框架与TypeScript编程语言结合使用来开发Web应用程序的项目模板。该模板展示了如何创建一个以TypeScript编写的Vue.js应用程序，并通过...

Parcel、Vue.js与Typescript结合的快速开发工具

Parcel 是一个零配置的Web应用程序捆绑器，可以打包出用于生产环境的优化过的代码。它的主要特点包括： - 开箱即用，无需配置文件。 - 极快的打包速度，利用多核处理和文件系统缓存。 - 支持多种资源类型（如...

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

10-18

总结来说，`parcel-vue`是结合Parcel的零配置特性与Vue.js的强大功能的一个高效开发解决方案。它降低了前端开发的门槛，提高了开发效率，尤其适合那些想要快速启动Vue.js项目或者不熟悉复杂构建配置的开发者。如果你...

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

weex的博客

01-09

1287

全新打包工具parcel零配置vue开发脚手架 parcel-vue 一个基于parcel打包工具的 vue开发脚手架解决方案,强烈建议使用node8.0以上项目地址(求star^_^): 点此进入初始化项目 // 安装脚手架 $ npm install parcel-vue -g // 初始化 $ parcel-vue projectName 安装依赖 $ cd p

使用parcel打包构建vue应用初始模板

08-12

使用parcel打包构建vue应用初始模板

基于ParcelVue构建的相册应用

08-10

基于Parcel Vue构建的相册应用

Parcel 提供了Vue Plugin

qq_40126542的博客

07-19

436

推荐开源项目：Parcel Vue - 快速构建Vue应用的新选择

gitblog_00032的博客

04-06

358

vue-parcel

weixin_39147099的博客

11-18

230

关于parcel Parcel 是一个前端构建工具，Parcel 官网将它定义为极速零配置的Web应用打包工具。复杂繁琐的 webpack 配置一直是前端项目里的一个痛点，而新一代的“零配置”打包器 parcel 正在解决这个问题。 Parcel 的特性快速打包：启用多核编译，并具有文件系统缓存打包所有资源：支持JS，CSS，HTML，文件资源等等 - 不需要安装任何插件自动转换：使用 ...

探索 Parcel Vue：新一代前端构建利器