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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2455 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

18 条回复 • 2018-03-05 01:29:08 +08:00

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 via iPhone

@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 via iPhone

@xieguanglei 后端狗表示 vue cli 挺好用

zhwithsweet

2018-03-03 23:24:15 +08:00 via iPhone

webpack4，parcel 了解下

duan602728596

2018-03-04 01:19:51 +08:00 via iPhone

还是手工配置好点

azh7138m

2018-03-04 02:22:43 +08:00 via Android

webpack4，parcel 了解下+1

beginor

2018-03-04 10:11:54 +08:00 via Android

我是做个 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 via Android

Webpack 4 已经几乎零配置了，同时也保留配置复杂场景的能力。

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