本节知识点
- 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都有自己的成熟框架。但是很多时候需要你自己手动修改这些配置
