webpack打包第三方类库

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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,710评论 7 110
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,227评论 7 35
  • 前言 WebPack 是什么? WebPack 是什么,WebPack 可以看做是模块打包机:它做的事情是,分析你...
    Promise__阅读 1,158评论 3 12
  • 作者:小 boy (沪江前端开发工程师)本文原创,转载请注明作者及出处。原文地址:https://www.smas...
    iKcamp阅读 2,773评论 0 18
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,322评论 4 31