为了账号安全,请及时绑定邮箱和手机立即绑定

webpack怎么处理没有模块规范的js,比如zepto等

webpack怎么处理没有模块规范的js,比如zepto等

www说 2019-03-04 10:04:02
webpack怎么处理没有模块规范的js,比如zepto等
查看完整描述

3 回答

?
LEATH

TA贡献1936条经验 获得超6个赞

打包在一起是为了减少 request 数量从而能并发更多请求,提升总体加载速度,所以臃肿的一个文件本来就是目的而非副作用。如果要解决调试问题可以使用 Source Map。

所谓的代码分割,说白了就是模块划分,把大文件 breakdown 的同时还能进行依赖管理,降低开发和维护的成本,而这个的好处是体现在开发时而非上线后的,如果上线后还是一堆零散的文件,这个依赖管理工具还是趁早别做了.

查看完整回答
反对 回复 2019-03-14
?
米脂

TA贡献1836条经验 获得超3个赞

使用externals特性

1

2

3

4

5

6

7

8

9

10

11

12

13

{

    output: {

        // export itself to a global var

        libraryTarget: "var",

        // name of the global var: "Foo"

        library: "Foo"

    },

    externals: {

        // require("zepto") is external and available

        //  on the global var jQuery

        "zepto": "Zepto"

    }

}

 


查看完整回答
反对 回复 2019-03-14
?
慕雪6442864

TA贡献1812条经验 获得超5个赞

修改zepto,添加相关模块导出

查看完整回答
反对 回复 2019-03-14
  • 3 回答
  • 0 关注
  • 488 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信