手记

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



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


0人推荐
随时随地看视频
慕课网APP