美文网首页Vuejs让前端飞
Parcel 打包器简单使用记录

Parcel 打包器简单使用记录

作者: passMaker | 来源:发表于2018-11-02 13:44 被阅读1次

本文是构造 UI 轮子过程中搭建项目初始化时使用 Parcel 作为打包器的简要使用记录。

安装

参考 官方文档

使用 npm 进行 parcel-bundler 的安装。

npm i -D parcel-bundler

为什么要用 -D ? 如果一个 npm 包是给用户使用的,不用加 -D。如果是给开发者使用,需要加 -D。(或者全局安装)

打包

安装完成之后,需要进行打包的操作。

使用下列命令进行 parcel 的初次打包,如果出现红色报错,就在后面加上 index.html 即可。

./node_modules/.bin/parcel

注意: 这里还需要注意的问题的是,初次进入之后。还需要给 package.json 进行配置。因为是 runtime-only 模式,所以会出现下列报错。



配置完毕后,还是使用 ./node_modules/.bin/parcel index.html 进行打包编译,或者使用,效果是一样的。

npx parcel index.html

清除缓存

建议先清除第一次编译失败的缓存。或者在末尾使用 --no-cache

rm -rf .cache

相关文章

  • Parcel 打包器简单使用记录

    本文是构造 UI 轮子过程中搭建项目初始化时使用 Parcel 作为打包器的简要使用记录。 安装 参考 官方文档 ...

  • parcel构建vue项目

    Parcel-vue 初体验 Parcel 是什么 和webpack一样,parcel也是模块打包器的一种。不过不...

  • parcel零配置打包项目

    简述parcel 简单来说,parcel就是和webpack一样,主要功能都是打包项目文件;parcel.js的官...

  • JNI 基础 - Android 共享内存的序列化过程

    Parcel源码分析 parcel的简单使用 Parcel.obtain()源码分析 最终会走到 nativeCr...

  • parcel+vue入门

    一、parcel简单使用 npm install -D parcel-bundler npm init -y (...

  • parcel打包器原理

    parcel是什么我就不介绍了,感兴趣的可以去了解一下, https://github.com/parcel-b...

  • 其他打包工具-Parcel

    Parcel 是 Web 应用打包工具,利用多核处理提供了极快的速度,并且不需要任何配置。 Parcel 可以使用...

  • 进程间通信—— Parcel

    本文主要内容 Parcel简介 Parcel类介绍 字符串读写 Parcel简介 Parcel的英文直译是打包,是...

  • 使用SCSS做shake特效的按钮

    index.html结构 index.scss源码 使用parcel工具打包运行后的效果

  • parcel-vue

    使用parcel + vue的项目简单介绍 介绍 Parcel 手动搭建 快速构建 介绍 传统的webpack配置...

网友评论

    本文标题:Parcel 打包器简单使用记录

    本文链接:https://www.haomeiwen.com/subject/pidxxqtx.html