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

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

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

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

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

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

    https://github.com/jacobsun/sga
    poke707
        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"
    }
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2615 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 04:58 · PVG 12:58 · LAX 20:58 · JFK 23:58
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.