1. 程式人生 > >webpack3實戰(1)打包一個CDN引入的jQuery專案

webpack3實戰(1)打包一個CDN引入的jQuery專案

前注:

如果可以,請給本專案加【Star】和【Fork】持續關注。

有疑義請點選這裡,發【Issues】。

1、需求列表

1、在html檔案裡,通過CDN引入了jQuery;

2、步驟

安裝依賴

npm install

html檔案中引入了jQuery

index.html

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

執行打包命令:

npm run test

檢視打包後效果:

dist.js

3、說明

jQuery檔案通過CDN引入(script標籤的方式),webpack只打包自己的邏輯程式碼,不打包jQuery程式碼。

程式碼開頭的:

global.$ = window.$

不是必須的,但個人建議這麼寫,相當於明確說明$是通過其他方式引入的。