现在代码很混乱,实现一个功能就要各种复制粘贴
于是我想重构一下,变得可以复用
对比了下 Grunt/Gulp/Brunch ,看到那么多人说 Brunch 的好话,然后又比较认同约定大于配置的理念,就选了它,过完了文档,大致知道怎么回事。。
然后开始撸第一个文件,就懵了。。。资料也比较难搜到
发现几个不理解 /不知道如何更科学地使用的地方:
读不到 bower 安装的模块
如果发现 bower.json , brunch 会去加载 bower_components 的包,
因为如果只有 bower.json 没有 bower_components 就会报错。
但是,如果 require 的包 bower 安装过,但是 npm 没有安装的包,又会提示读不到模块。
文件包含不方便
require 了在 npm 中安装的某个包,但是没有输出到最终的文件中,而且 joinTo 中配置只能一个正则对应一个文件。
如果只是像 demo 5-npm-too 中写成
'libraries.js': /^(?!app\/)/,
会导致有的页面的 js 里不需要包含的一些第三方库,也会被打包到一起,整体大小会变大。
jQuery 插件不知道如何加载
因为打包的时候模块化了 jQuery ,加载不到全局变量$,自己使用,通过
var $ = require('jquery');
问题不大,但是在第三方插件中如何才能正常加载呢?
有点怀疑是不是 brunch 的使用场景不是这样的,它只适合最终输出文件比较少的使用场景?
1
lxrmido 2016-05-19 21:36:55 +08:00 1
我来捣乱的:
我有预感你引入 Brunch 的决定会成为下一个技术债务,纯粹是因为太小众了。 说好话的人多是因为除了死忠粉没人能持续关注呀! 你猜对了啊, Brunch 的梦想是成为一个做不那么大型的应用时不浪费太多时间在打包配置上面的打包工具啊! Brunch 的团队在玩命地做各种适配,然而相比起 Grunt/Gulp ,它目前还没达到实用的程度,建议你继续 watch ,用其他工具解决问题。 |
2
Wy4q3489O1z996QO 2016-05-19 21:42:40 +08:00
标题画面好喜感
|
4
ferrum 2016-05-19 22:56:45 +08:00
现在还有用 Grunt 的,开发者不是也弃坑了吗?
Brunch 没听说过,但我猜你想要的是打包工具,现在最流行的是 webpack 。 |
5
chairuosen 2016-05-19 22:59:05 +08:00
用了 commonjs 为什么没用 webpack
|
6
oldcai OP |
7
iamppz 2016-05-19 23:17:07 +08:00 via iPhone
brunch 。。连 gulp 也过时了吗
|
8
chairuosen 2016-05-19 23:33:17 +08:00 1
@oldcai 一般来讲 webpack 自己就够了,除了 html ,加上 gulp 就全搞定, gulp 插件多,社区大。
|
9
pasturn 2016-05-20 08:22:55 +08:00 via iPhone
作为一个小前端 有种不详的预感
|
10
lxrmido 2016-05-20 08:42:11 +08:00
|