首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  程序员

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

  •  
  •   xieguanglei · 2018-03-03 20:26:34 +08:00 · 3385 次点击
    这是一个创建于 414 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    https://github.com/jacobsun/sga
        18
    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"
    }
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   4266 人在线   最高记录 4385   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 19ms · UTC 08:23 · PVG 16:23 · LAX 01:23 · JFK 04:23
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1