webpack中是根據乙個入口檔案開始收集依賴。
import $ from 'jquery'但是乙個專案中通常有很多個地方都用到了jquery，每個模組都要這樣的一行**
那麼如何解決這個問題了。
webpack內部有個外掛程式，可以幫助到我們，（webpack自己的外掛程式），用了這個外掛程式，我們所有檔案都不用再手動的匯入了。
const webpack = require('webpack')plugins: [webpack.provideplugin 這個外掛程式了需要傳入乙個物件作為引數，key表示變數名，value表示模組名。new webpack.provideplugin(),
new htmlwebpackplugin()
]
缺點：這個$不能放在window上
module: ,}},require.resolve 表示在node_modules中查詢模組的路徑。}]
},
import $ from 'jquery' 表示在node_modules引入這個模組。
引用的模組路徑完全匹配，將使用loader來處理，所有你必須在入口檔案中引用這個模組
options 表示模組的別名
只要引用一次就會暴露在全域性上，通過（window.$看看）
除了入口檔案引入一次，其他模組就不需要引入了。
一般我們會選擇cdn引入檔案，不想打包jquery，那麼如何處理呢？
載入csn檔案的loader
add-asset-html-cdn-webpack-plugin
使用
const path = require('path');
const htmlwebpackplugin = require('html-webpack-plugin');
const addassethtmlcdnwebpackplugin = require('add-asset-html-cdn-webpack-plugin');
module.exports = )
]};
引入了cdn就不要內建打包jquery了
標識成外部檔案，webpack配置增加乙個這樣的配置，新增這樣的內容
externals:key表示包名，value表示變數，就是忽略這樣 import $ from 'jquery' 這樣的**。
這就是webpack引入包的幾種方式！
2010 10 08在瀏覽器中相容 jQuery3
一 實現背景鋪滿 相容各種瀏覽器 二 使div實現半透明 子元素也透明 opacity 0.5 子元素不透明 background rgba 0,0,0,0.4 另 為了使其在較低版本也能顯示，即實現瀏覽器的相容性，可寫為 background rgba 0,0,0,0.4 important fi...
Jquer向元素中新增和刪除多個類
使用jquery向html元素中新增和刪除多個class類，首先使用jquery選擇器選擇要新增多個class類的元素，然後使用addclass 方法向元素新增多個類，使用removeclass 方法刪除多個類。addclass 方法用於向被選元素新增乙個或多個類 該方法不會移除已存在的 class...
Webpack小技巧 公共元件引用路徑簡化
日常開發中，我們會常常把一些功能提取出來，包裝成乙個公共模組或者元件，供不同地方使用，但是隨著專案不斷變大，專案目錄不斷變深，我們引用公共元件的路徑越來越長！例如 引用乙個公共模組 import menu from components menu 這裡路徑太深，很容易寫錯我們該怎麼優化尼？解決方案1...