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.$
不是必須的,但個人建議這麼寫,相當於明確說明$
是通過其他方式引入的。
相關推薦
webpack3實戰(1)打包一個CDN引入的jQuery專案
前注: 如果可以,請給本專案加【Star】和【Fork】持續關注。 有疑義請點選這裡,發【Issues】。 1、需求列表 1、在html檔案裡,通過CDN引入了jQuery; 2、步驟 安裝依賴 npm install html檔案中引入
Netty實戰(1)使用Netty搭建一個簡單的客戶端與伺服器的互動Demo
Netty 是一個基於 JAVA NIO 類庫的非同步通訊框架,它的架構特點是:非同步非阻塞、基於事件驅動、高效能、高可靠性和高可定製性。換句話說,Netty是一個NIO框架,使用它可以簡單快速地開發網路應用程式,比如客戶端和服務端的協議。Netty大大簡化了網
ceph分布式存儲實戰(1)——ceph集群測試主機規劃
monit dep release host eas rst 存儲 實戰 hostname 主機規劃節點磁盤(4塊)網卡(2塊)mem/cpuOSHostName節點1os-ceph-node1/10G私Eth0:dhcp1G/1CentOS Linux release
Asp.Net Core 2.0 項目實戰(2)NCMVC一個基於Net Core2.0搭建的角色權限管理開發框架
ML 用戶 解密 https redis json uil AI 不足 本文目錄 1. 摘要 2. 框架介紹 3. 權限管理之多一點說明 4. 總結 1. 摘要 NCMVC角色權限管理框架是由最近練習Net Core時抽時間整理的
Spring實戰(1)
手動 之前 ava singleton 標簽 測試 之間 解決 業務邏輯 本博客是參考Spring實戰第四版,對其中重要的知識點進行總結。 Spring是如何簡化java開發的? 答:(1)基於POJO的輕量級和最小侵入性編程;(2)通過依賴註入和面向接口來松耦合;
靈活強大的MySQL代理中間件ProxySQL應用實戰(1)
sys www 流量 均可 rpm -ivh 硬盤 代理 發的 table 一、常見的Mysql中間件介紹 很多人都會把中間件認為是讀寫分離,其實讀寫分離只是中間件可以提供的一種功能,最主要的功能還是在於他可以分庫分表。下面介紹下常見的開源mysql中間件。 DBProx
ServiceComb實戰 (1)org.springframework.web.HttpMediaTypeNotSupportedException
一、異常現象: @Override @PostMapping(path = "logon") public ResponseEntity<Boolean> logon(@RequestBody UserDTO user) { if (validateUs
springboot實戰(1)springboot基本配置
1 入口類和@SpringBootApplication package com.wuk.springbootHello; import org.springframework.boot.SpringApplication; import org.springframework.b
linux學習筆記-常見問題實戰(1)
現在我們幾個在工作或在面試中可能會遇到的一些linux基礎問題1 定義一個對所有使用者都生效的命令別名:設定別名的命令 alias[[email protected] ~]# alias cls='clear'如上設定只是區域性有效,當系統重啟動或切換使用者時及失效。要想對所有使用者永久有效需要修改
給出n個學生的考試成績表,每條記錄由學號、姓名和分數和名次組成,設計演算法完成下列操作: (1)設計一個顯示對學生資訊操作的選單函式如下所示: *************************
給出n個學生的考試成績表,每條記錄由學號、姓名和分數和名次組成,設計演算法完成下列操作: (1)設計一個顯示對學生資訊操作的選單函式如下所示: ************************* 1、錄
第一行程式碼學習筆記——Material Design實戰(1)
Toolbar 在MD設計中,用ToolBar去取代ActionBar,首先要去style.xml中設定隱藏ActionBar <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar
演算法的樂趣實戰(1)--匈牙利演算法
在閱讀《演算法的樂趣》的時候,實在難以理解第七章中關於匈牙利演算法的描述,所以劣者在網上搜刮各種資料,整理如下,既為了自己複習之用,也為了後來者的方便 匈牙利演算法解決了舞伴的快速匹配問題,什麼是舞伴快速匹配問題呢?男女雙方都有各自的最優選擇名單,在一輪輪的選擇過後,最
python程式(1)獲取一個網頁的所有中文字元
所有的中文字元都是在html的各種標籤之中,因此我們需要拿到html的整個檔案。為此我們匯入requests庫,再者,我們需要去除標籤將全部內容進行文字化,此處是中英文都有的文字,為此我們引入beautifulsoup,因為get_text方法使得我們可以獲取所
深度學習實戰(1)--手機跑目標檢測模型(YOLO,從DarkNet到Caffe再到NCNN完整打通)
這篇算是關鍵技術貼,YOLO是什麼、DarkNet是什麼、Caffe是什麼、NCNN又是什麼…等等這一系列科普這裡就完全不說了,牽扯實在太多,通過其他帖子有一定的積累後,看這篇就相對容易了。 本文核心:把一個目標檢測模型跑到手機上 整個工作分以下幾個階段: 1
React雜篇(1) -- 打包釋出注意事項
打包後資源路徑 問題:直接打包會出現一下情況: 方式一: package.json檔案下加入homepage欄位 { "name": "wap-v2", "version": "0.1.0", "private": true, "homepage": "./", /
深度學習之PyTorch實戰(1)——基礎學習及搭建環境
最近在學習PyTorch框架,買了一本《深度學習之PyTorch實戰計算機視覺》,從學習開始,小編會整理學習筆記,並部落格記錄,希望自己好好學完這本書,最後能熟練應用此框架。 PyTorch是美國網際網路巨頭Facebook在深度學習框架Torch的基礎上使用Python重寫的一個全新的深度學習框架,
Elasticserach實戰(1) 資訊檢索概述
我們常用的搜尋引擎是 We 搜尋 是資訊檢索的 個分支,學術上的資訊檢索( Information trieva l , 簡稱 IR )的定義為 資訊檢索是從大規模非結構化資料 (通常是文字)的集合(通 常儲存在計 機上〉中找出滿足使用者資訊需求的資料(通常是文件〉 的過程。
深度學習實戰(1)--手機端跑YOLO目標檢測網路(從DarkNet到Caffe再到NCNN完整打通)
深度學習實戰(1)--手機端跑YOLO目標檢測網路(從DarkNet到Caffe再到NCNN完整打通) 這篇算是關鍵技術貼,YOLO是什麼、DarkNet是什麼、Caffe是什麼、NCNN又是什麼…等等這一系列科普這裡就完全不說了,牽扯實在太多,通過其他帖子有一定的積累後,看這
Spring Boot學習實踐(一)(1)建立一個簡單的spring boot應用
一、使用idea建立一個簡單的Spring Boot應用程式 環境準備: idea:2018.2 jdk: 1.8 spring boot:是2.0版本以上的 以上環境可以根據實際情況去調整。 (1)首先找到idea建立應用的New Project,選擇好
Keras入門實戰(1):MNIST手寫數字分類
前面的部落格中已經介紹瞭如何在Ubuntu下安裝Keras深度學習框架。 現在我們使用 Keras 庫來學習手寫數字分類。 我們這裡要解決的問題是:將手寫數字的灰度影象(28 畫素×28 畫素)劃分到 10 個類別 中(0~9)。我們將使用 MNIST 資料集,它是機器學