(十八) 打包第三方类库

本节知识点

• 2种方法引入第三方类库

第一种引入jquery的方法

• (1) 安装

因为最后线上产品需要

npm i jquery --save

• (2) 入口文件enter.js里面引入

import $ from "jquery";

• (3) 然后可以直接敲代码测试了,在enter.js里面

$("#title").html("你怕吗");

这里要说明的是你不仅可以在入口文件引入，你还可以在任何你需要的JS文件中引入。webpack并不会重复打包

第二种 打包方法用plugin引入

• providePlugin 是一个webpack自带的插件。我们用它来打包第三方类库

在webpack.config.js里面引入webpack这个包

const webpack = require("webpack");

• 然后在配置插件的目录下面配置模块

  //打包第三方类库
     new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery'
})

• 这个时候去掉入口文件引入的jquery，然后在重新打包。这个时候jquery就能运行了
• 比如vue或者React都有自己的成熟框架。但是很多时候需要你自己手动修改这些配置