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

前端工作流关于 grunt, bower, npm, yo 的工作流

  •  2
     
  •   nooper · 2015-07-26 13:00:37 +08:00 · 5247 次点击
    这是一个创建于 3412 天前的主题,其中的信息可能已经有所发展或是发生改变。

    比如我用bower安装包,但是如何才能够将bower里面包含的min.js文件应用到包里面,而不是包含一些其他的。
    有谁有些实践,如何才能够形成比较不错的体系。

    30 条回复    2015-08-05 00:00:39 +08:00
    Pastsong
        1
    Pastsong  
       2015-07-26 13:39:53 +08:00 via iPhone
    用bower安装前端库,用npm安装工具依赖,用gulp做bower里的文件提出来、编译sass等工作
    nooper
        2
    nooper  
    OP
       2015-07-26 13:41:29 +08:00
    @Pastsong 我现在没搞懂怎么把bower里面的文件提取出来
    anubiskong
        3
    anubiskong  
       2015-07-26 13:41:44 +08:00
    个人感觉, 其实也就一个npm实用
    zhicheng
        4
    zhicheng  
       2015-07-26 13:41:47 +08:00
    正确的工作流是把文件下载回来放到静态路径里,然后在 HTML 里直接引用。
    nooper
        5
    nooper  
    OP
       2015-07-26 13:42:28 +08:00
    @zhicheng 您那个都落伍很久了。
    Pastsong
        6
    Pastsong  
       2015-07-26 13:45:26 +08:00 via iPhone
    @nooper 有gulp/grunt插件的
    zhicheng
        7
    zhicheng  
       2015-07-26 13:46:03 +08:00
    @nooper 错,我的方法是一定 Work 一定不会落伍的,相反你的可能明年就不能用了。
    df4VW
        8
    df4VW  
       2015-07-26 13:47:47 +08:00
    df4VW
        9
    df4VW  
       2015-07-26 13:48:08 +08:00
    配合wiredep,就自动了
    nooper
        10
    nooper  
    OP
       2015-07-26 13:49:06 +08:00
    @zhicheng 你和test你的前端框架呢?
    yyfearth
        11
    yyfearth  
       2015-07-26 13:49:13 +08:00
    @nooper @zhicheng 而且永远不用担心版本问题 也永远不需要升级版本
    相反 不管npm还是bower 虽然有版本管理
    但是还是会升级小版本 导致各个环境版本不一致
    nooper
        12
    nooper  
    OP
       2015-07-26 13:49:33 +08:00
    @zhicheng 如何测试你的前端框架呢?
    ijse
        13
    ijse  
       2015-07-26 14:18:31 +08:00
    bower-compoents通常都是不会打到包里的,bower的依赖文件都是通过useref或者concat插件,把代码合并到build文件中的。

    bower-compoennts只在开发的时候用。
    chinajik
        14
    chinajik  
       2015-07-26 14:20:05 +08:00
    = = 我反正是学了一大堆... 最后公司就用了一个 koala 解决所有问题...
    magicdawn
        15
    magicdawn  
       2015-07-26 15:31:38 +08:00
    bower 特么就是一个下载器 ~
    下载一个100Kb的库, 特么要clone 50Mb + 的仓库
    没卵用
    keyanzhang
        16
    keyanzhang  
       2015-07-26 15:37:55 +08:00 via iPhone   ❤️ 1
    不要用 grunt、bower 或者 browserify。99% 的问题都可以用 npm 和 webpack 解决。
    keyanzhang
        17
    keyanzhang  
       2015-07-26 15:39:14 +08:00 via iPhone
    sox
        18
    sox  
       2015-07-26 15:54:28 +08:00
    @zhicheng 你的这个并没有包含一套前端构建流程。

    这已经不是哪种工作流更流行更新更方便测试的问题了,是两个时代的问题。
    nooper
        19
    nooper  
    OP
       2015-07-26 17:33:30 +08:00
    @keyanzhang 我感觉要疯了,前端那么多东西,搞得现在乱七八糟的。
    hahasong
        20
    hahasong  
       2015-07-26 17:59:30 +08:00
    前端是个巨坑,花样太多了,只用gulp压缩下好了
    nooper
        21
    nooper  
    OP
       2015-07-26 18:13:44 +08:00
    @hahasong 我感觉坑太多了,到底在搞神马呢
    exoticknight
        22
    exoticknight  
       2015-07-26 18:19:26 +08:00
    能用 npm 就不用 gulp 和 grunt。
    bower 会用来下载就算,实用的前端库不会经常变。
    公司要求会用那就没办法。
    yolio2003
        23
    yolio2003  
       2015-07-26 18:51:24 +08:00
    npm 管理轻松愉快
    fis 配置文件看起来最简单 思路新颖
    gulp 清晰 易懂
    grunt 最早插件多
    webpack 越来越主流 越来越多人用
    其他?其他?其他?
    其实连上面的都全是坑!
    你还没死就不错了,还有空考虑其他烂到不行的?
    phx13ye
        24
    phx13ye  
       2015-07-26 20:13:08 +08:00
    每次看到这些东西,整个人都不好了
    nooper
        25
    nooper  
    OP
       2015-07-26 20:31:21 +08:00
    @phx13ye 我已经被这些工具搞成一锅粥了。前端好大的坑啊。
    withinthefog
        26
    withinthefog  
       2015-07-26 20:40:06 +08:00
    try webpack
    zhicheng
        27
    zhicheng  
       2015-07-26 20:42:41 +08:00
    @sox 你们的时代真好,祝你们玩儿的开心。
    iwege
        28
    iwege  
       2015-07-27 11:50:53 +08:00
    等npm3 之后 bower就可以失业了。

    采用npm3 + webpack估计是趋势之一。
    nooper
        29
    nooper  
    OP
       2015-07-27 16:02:21 +08:00
    @iwege 什么意思啊?
    welling
        30
    welling  
       2015-08-05 00:00:39 +08:00
    表示webpack完全看不懂...
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1415 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 23:50 · PVG 07:50 · LAX 15:50 · JFK 18:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.