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

V2EX = way to explore

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

现在注册

已注册用户请登录

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

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

Bower

npm

min.js

30 条回复 • 2015-08-05 00:00:39 +08:00

Pastsong

2015-07-26 13:39:53 +08:00 via iPhone

用bower安装前端库，用npm安装工具依赖，用gulp做bower里的文件提出来、编译sass等工作

nooper

2015-07-26 13:41:29 +08:00

@Pastsong 我现在没搞懂怎么把bower里面的文件提取出来

anubiskong

2015-07-26 13:41:44 +08:00

个人感觉, 其实也就一个npm实用

zhicheng

2015-07-26 13:41:47 +08:00

正确的工作流是把文件下载回来放到静态路径里，然后在 HTML 里直接引用。

nooper

2015-07-26 13:42:28 +08:00

@zhicheng 您那个都落伍很久了。

Pastsong

2015-07-26 13:45:26 +08:00 via iPhone

@nooper 有gulp/grunt插件的

zhicheng

2015-07-26 13:46:03 +08:00

@nooper 错，我的方法是一定 Work 一定不会落伍的，相反你的可能明年就不能用了。

df4VW

2015-07-26 13:47:47 +08:00

https://github.com/jonkemp/gulp-useref

df4VW

2015-07-26 13:48:08 +08:00

配合wiredep，就自动了

nooper

2015-07-26 13:49:06 +08:00

@zhicheng 你和test你的前端框架呢？

yyfearth

2015-07-26 13:49:13 +08:00

@nooper @zhicheng 而且永远不用担心版本问题也永远不需要升级版本
相反不管npm还是bower 虽然有版本管理
但是还是会升级小版本导致各个环境版本不一致

nooper

2015-07-26 13:49:33 +08:00

@zhicheng 如何测试你的前端框架呢？

ijse

2015-07-26 14:18:31 +08:00

bower-compoents通常都是不会打到包里的，bower的依赖文件都是通过useref或者concat插件，把代码合并到build文件中的。

bower-compoennts只在开发的时候用。

chinajik

2015-07-26 14:20:05 +08:00

= = 我反正是学了一大堆... 最后公司就用了一个 koala 解决所有问题...

magicdawn

2015-07-26 15:31:38 +08:00

bower 特么就是一个下载器 ~
下载一个100Kb的库, 特么要clone 50Mb + 的仓库
没卵用

keyanzhang

2015-07-26 15:37:55 +08:00 via iPhone

不要用 grunt、bower 或者 browserify。99% 的问题都可以用 npm 和 webpack 解决。

keyanzhang

2015-07-26 15:39:14 +08:00 via iPhone

可以看一下 https://github.com/petehunt/webpack-howto 和 https://christianalfoni.github.io/react-webpack-cookbook/ 。

sox

2015-07-26 15:54:28 +08:00

@zhicheng 你的这个并没有包含一套前端构建流程。

这已经不是哪种工作流更流行更新更方便测试的问题了，是两个时代的问题。

nooper

2015-07-26 17:33:30 +08:00

@keyanzhang 我感觉要疯了，前端那么多东西，搞得现在乱七八糟的。

hahasong

2015-07-26 17:59:30 +08:00

前端是个巨坑，花样太多了，只用gulp压缩下好了

nooper

2015-07-26 18:13:44 +08:00

@hahasong 我感觉坑太多了，到底在搞神马呢

exoticknight

2015-07-26 18:19:26 +08:00

能用 npm 就不用 gulp 和 grunt。
bower 会用来下载就算，实用的前端库不会经常变。
公司要求会用那就没办法。

yolio2003

2015-07-26 18:51:24 +08:00

npm 管理轻松愉快
fis 配置文件看起来最简单思路新颖
gulp 清晰易懂
grunt 最早插件多
webpack 越来越主流越来越多人用
其他？其他？其他？
其实连上面的都全是坑！
你还没死就不错了，还有空考虑其他烂到不行的？

phx13ye

2015-07-26 20:13:08 +08:00

每次看到这些东西，整个人都不好了

nooper

2015-07-26 20:31:21 +08:00

@phx13ye 我已经被这些工具搞成一锅粥了。前端好大的坑啊。

withinthefog

2015-07-26 20:40:06 +08:00

try webpack

zhicheng

2015-07-26 20:42:41 +08:00

@sox 你们的时代真好，祝你们玩儿的开心。

iwege

2015-07-27 11:50:53 +08:00

等npm3 之后 bower就可以失业了。

采用npm3 ＋ webpack估计是趋势之一。

nooper

2015-07-27 16:02:21 +08:00

@iwege 什么意思啊？

welling

2015-08-05 00:00:39 +08:00

表示webpack完全看不懂...