ITPub博客

首页 > IT职业 > IT职场 > webpack打包第三方类库

webpack打包第三方类库

IT职场 作者:jerrysun 时间:2021-09-09 09:51:55 0 删除 编辑
webpack打包第三方类库有两种比较不错的方式:
  • 第一种:

  • 安装第三方库(jQuery)

npm i -S jquery
  • 修改index.js文件(入口文件)

import $ from 'jquery'

图片描述

image.png

结果:

图片描述

image.png

  • 第二种:

  • 安装第三方库

  • 使用webpack.config.js全局引入

    • 全局引入使用ProvidePlugin插件,这是webpack自带的插件,所以在webpack.config.js要先引入webpack

const webpack = requery("webpack")

然后我们再配置plugins模块,代码如下:

plugins: [    // new Uglify()
    new webpack.ProvidePlugin({
        $: "jquery"
    })
]

图片描述

image.png

结果:

图片描述

image.png



作者:饥人谷_米弥轮
链接:https://www.jianshu.com/p/404a28d21156


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/151/viewspace-2813655/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2018-09-29

  • 博文量
    122
  • 访问量
    16191