每次配置 webpack 都很痛苦,于是专门造了个轮子

2018-03-03 20:26:34 +08:00
 xieguanglei

每次搞点小东西,配置 webpack / babel / mocha + karma / eslint 都很痛苦,于是我专门造了个轮子,把 webpack 给封了一层。

基本上,即可以写前端库,也可以写前端应用。不需要太多配置,就能够顺畅地写 ES6/7,同时帮你搞定开发调试,单元测试,编译(为 ES5 模块发布到 NPM ),打包(为 UMD 发布到 CDN ),eslint 等各种配置难题。当然还留了很多灵活的可配置的选项。

在我自己的好几个不同类型的项目里面都试过了,还是挺好用。(面向的我的技术栈主要是 ES6/7,有时候会用 React )分享给大家,同时求一波 star。如果有问题,欢迎 issus 吐槽,合理的我应该能比较快地解决。嘿嘿。

地址

文档

5054 次点击
所在节点    程序员
18 条回复
ai277014717
2018-03-03 20:35:43 +08:00
可以试试弄成 vscode 扩展
k9982874
2018-03-03 20:56:05 +08:00
非 WEB 前端用 WEBPACK 不是自找难受么,grunt gulp 更适合
xieguanglei
2018-03-03 21:05:20 +08:00
@k9982874 就是 web 前端用啊,还有什么前端?
yuanfnadi
2018-03-03 21:22:32 +08:00
@xieguanglei 例如随便写页面的后端我
fhefh
2018-03-03 21:24:18 +08:00
https://github.com/heyui/hey-cli 在掘金看到的一个项目~~
notreami
2018-03-03 21:30:20 +08:00
java 后端表示,freemarker + jq + bootstarp 就够了。非重前端,上 webpack,都是累赘。
xieguanglei
2018-03-03 21:49:40 +08:00
@yuanfnadi 那你不是我的目标客户,哈哈
xieguanglei
2018-03-03 21:52:07 +08:00
@fhefh 个人不喜欢需要安装在全局的开发环境,尤其是包含了较多「强可定制」的部分。
xieguanglei
2018-03-03 21:55:15 +08:00
@notreami 说得很对,但是这几年前端确实变得越来越重。而且用完 ES6 / 7 就不想用回去了。

配置 webpack 确实很累,所以我才写了这个工具。而且这个工具也不仅仅是用来写页面的,也可以写 npm 模块(你不得搞定单测,lint,编译等一大堆乱七八糟的事儿)
xieguanglei
2018-03-03 22:00:45 +08:00
@fhefh 补充一点哈,假如我要自定义一个 loader,按照你贴的那个项目,还是要把 loader 安装在本地的,岂不是违背了全局安装开发环境的理念,他总不可能把你所有需要用的 loader 和 plugin 都安装在内部对吧?还有后面怎么更新,怎么保持兼容,都是潜在问题。

他那个项目的模式,比较适合一个集中的小型团队,有一个对 webpack 比较熟悉的人 owner 这个工具,其他人就可以安心写代码了,在开源社区里不是很适合。
lihongjie0209
2018-03-03 22:26:07 +08:00
前端啊, 一言不合就造轮子
yuanfnadi
2018-03-03 22:54:58 +08:00
@xieguanglei 后端狗表示 vue cli 挺好用
zhwithsweet
2018-03-03 23:24:15 +08:00
webpack4,parcel 了解下
duan602728596
2018-03-04 01:19:51 +08:00
还是手工配置好点
azh7138m
2018-03-04 02:22:43 +08:00
webpack4,parcel 了解下+1
beginor
2018-03-04 10:11:54 +08:00
我是做个 git 仓库做模板, 常用配置配好, 用的时候 fork 一个拉下来 🤣
sensui7
2018-03-04 22:48:26 +08:00
一个命令安装前端劳什子依赖( babel, chai, mocha, jest, vue...

https://github.com/jacobsun/sga
poke707
2018-03-05 01:29:08 +08:00
Webpack 4 已经几乎零配置了,同时也保留配置复杂场景的能力。

"scripts": {
"dev": "webpack --mode development --module-bind js=babel-loader",
"build": "webpack --mode production --module-bind js=babel-loader"
}

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/434545

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX