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

作者：飢人谷_米彌輪
連結：