在browserify中需要cdn库而不将其捆绑在最终的js文件中

 路霄峰_121 发布于 2023-02-08 15:58

如果我有一个从cdn下拉的库并且不希望它成为最终js文件的一部分但是能够使用browserify要求它,我该如何解决它?

以下是我目前使用alias和shim文件解决它的方法.

browserify: {
    options: {
        debug: true,
        transform: [ 'reactify' ],
        alias: [
            'client/shims/jquery.js:jquery'
        ]
    },
    app: {
        src:  'client/app.js',
        dest: 'public/app.js'
    }
}

这是client/shims/jquery.js我所说的shim文件,jquery所以我可以使用require('jquery')而不是完整路径.

module.exports = $;

grunt-browserify中是否有一个快捷方式来支持这种情况?我想知道是否可以在Gruntfile.js中定义它而不创建shim文件.

添加external: [ 'jquery' ]似乎完全忽略它并且不起作用.

1 个回答
  • 使用browserify-shim, 您可以在package.json文件中添加:

      "browserify": {
        "transform": [
          "browserify-shim"
        ]
      },
    
      "browserify-shim": {
        "jquery": "global:$"
      }
    

    然后jquery将在您的模块中通过 require('jquery')

    2023-02-08 16:02 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有