本節(jié)知識點(diǎn)
- 2種方法引入第三方類庫
第一種引入jquery的方法
- (1) 安裝
因為最后線上產(chǎn)品需要
npm i jquery --save
- (2) 入口文件enter.js里面引入
import $ from "jquery";
- (3) 然后可以直接敲代碼測試了,在enter.js里面
$("#title").html("你怕嗎");
這里要說明的是你不僅可以在入口文件引入轧坎,你還可以在任何你需要的JS文件中引入。webpack并不會重復(fù)打包
第二種 打包方法用plugin引入
- providePlugin 是一個webpack自帶的插件承桥。我們用它來打包第三方類庫
在webpack.config.js里面引入webpack這個包
const webpack = require("webpack");
- 然后在配置插件的目錄下面配置模塊
//打包第三方類庫
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery'
})
- 這個時候去掉入口文件引入的jquery脑豹,然后在重新打包炬灭。這個時候jquery就能運(yùn)行了
- 比如vue或者React都有自己的成熟框架。但是很多時候需要你自己手動修改這些配置