码迷,mamicode.com
首页 > 其他好文 > 详细

Parcel 打包器简单使用记录

时间:2018-11-03 23:03:49      阅读:513      评论:0      收藏:0      [点我收藏+]

标签:注意   项目   mod   编译   containe   strip   container   com   清除缓存   

本文是构造 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 打包器简单使用记录

标签:注意   项目   mod   编译   containe   strip   container   com   清除缓存   

原文地址:https://www.cnblogs.com/evenyao/p/9902268.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!