新的打包工具之PACEL, webpack之外的首选打包工具
-
一想到webpack,我们可能联想到的就是打包功能强大,配置丰富,插件多功能全
但实际开发项目中,除了大型项目外,一些小的比较敏捷的项目,如果搭配上webpack这一套,会让人感觉,项目有点重,难配置,这个时候你应该了解一下 PACEL这个工具pacle是github上接触老外的一个项目,发现打包的时候并没有用 webpack,也没用gulp 和 grant这一类的构建工具,而是用pacle这个东西打包的,安装依赖试上手,确实比webpack方便不少
上个简单的示例Hello World
先从你应用的入口 HTML 文件开始。Parcel 跟随着文件的依赖去构建你的整个应用。
️index.html
<html> <body> <script src="./index.js"></script> </body> </html>
index.js
// 导入另一个组件 import main from './main'; main();
main.js
// 导入一个 CSS 模块 import classes from './main.css'; export default () => { console.log(classes.main); };
main.css
.main { /* 引用一张图片 */ background: url('./images/background.png'); color: red; }
只需要运行 parcel index.html 去启动一个开发服务器。导入 JavaScript, CSS, images, 和更多的资源,然后便大功告成!
从这个上面可以看出,咱们无需做配置,只要运行 parcel 然后找到指定的入口页面即可,这个操作大大的方便了日常一些敏捷的小项目开发,大家可以试试
PACLE 中文网
西南地区IT社群(QQ)
- 云南
- 【昆明网页设计交流吧】243627302
- 【昆明nodejs交流吧】 243626749
- 【VUE】838405306
- 【云南程序员总群】343606807
- 【昆明UI设计】104031254
- 【云南软件外包】15547313
- 贵州
- 【PHP/java源码/站长交流群】55692114
- 四川
- 【成都Java/JavaWeb交流】86669225
- 【vaScript+PHP+MySql】116270060
- 【UI设计/设计交流学习群】135794928
- 重庆
- 【诺基亚 JAVA游戏博物馆】 559479780
- 【PHP,Java,Python,C++接单】 442103442
- 西藏