Grunt/Gulp/Brunch中选择了Brunch,于是遇到一些问题

发布于 2022-09-02 15:56:13 字数 905 浏览 10 评论 0

前端欠下一大堆技术债,带着节操跑了!我们没有办法,只能自己上。。

现在代码很混乱,实现一个功能就要各种复制粘贴

于是我想重构一下,变得可以复用。。

对比了下 Grunt/Gulp/Brunch ,看到那么多人说 Brunch 的好话,然后又比较认同约定大于配置的理念,就选了它,过完了文档,大致知道怎么回事。。

然后开始撸第一个文件,就懵了。。。资料也比较难搜到

发现几个不理解 /不知道如何更科学地使用的地方:

  1. 读不到 bower 安装的模块

    如果发现 bower.json , brunch 会去加载 bower_components 的包,

    因为如果只有 bower.json 没有 bower_components 就会报错。

    但是,如果 require 的包 bower 安装过,但是 npm 没有安装的包,又会提示读不到模块。

  2. 文件包含不方便

    require 了在 npm 中安装的某个包,但是没有输出到最终的文件中,而且 joinTo 中配置只能一个正则对应一个文件。

    如果只是像 demo 5-npm-too 中写成

    'libraries.js': /^(?!app\/)/,

    会导致有的页面的 js 里不需要包含的一些第三方库,也会被打包到一起,整体大小会变大。

  3. jQuery 插件不知道如何加载

    因为打包的时候模块化了 jQuery ,加载不到全局变量$,自己使用,通过

    var $ = require('jquery');

    问题不大,但是在第三方插件中如何才能正常加载呢?

有点怀疑是不是 brunch 的使用场景不是这样的,它只适合最终输出文件比较少的使用场景?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文