我發(fā)現(xiàn) javascript 中函數(shù)有兩種用法，一種是常規(guī)好理解的，就是我定義一個函數(shù)，這個函數(shù)完成一些功能，函數(shù)的參數(shù)以及返回值都是我自己來規(guī)定的，然后別人按照我設(shè)計的 a...
發(fā)簡信
IP屬地：浙江
-
Javascript 函數(shù)的兩種功能
-
@帥帥的老陸 剛看到你的評論
webpack 打包的時候，會根據(jù)入口文件的依賴關(guān)系來生成依賴圖，比如入口文件 index.js 依賴了模塊 a 和模塊 b，模塊 a 又依賴模塊 a1 和模塊 a2，那么 index.js 的依賴圖里就包括 index.js、a、b、a1、a2 這些模塊。有幾個入口文件，就生成幾張依賴圖。你的配置里有兩個入口文件，就會生成兩張依賴圖。
每個依賴圖打包成一個 bundle。也就是說 webpack 會將 index.js、a、b、a1、a2 這些模塊打包到一個 bundle 中。你的配置里有兩個入口文件，會生成兩張依賴圖，打包生成兩個 bundle。根據(jù)第一個入口文件 index.js 的依賴關(guān)系生成第一張依賴圖，然后將第一張依賴圖里的所有模塊一起打包生成第一個 bunlde：main.bundle.js。根據(jù)第二個入口文件 ProcessList.jsx 的依賴關(guān)系生成第二張依賴圖，然后將第二張依賴圖里的所有模塊一起打包生成第二個 bunlde：Ast_yjzb.bundle.js。
各個入口文件生成的依賴圖是獨立的，他們不會考慮其他的依賴圖中是否有重復(fù)的模塊。只要是出現(xiàn)在依賴圖中的模塊，就會打包到該依賴圖生成的 bundle 中。如果 index.js 生成的依賴圖里面有 ProcessList.jsx 模塊，那么 ProcessList.jsx 模塊以及該模塊的依賴模塊就會出現(xiàn)在 index.bundle.js 文件中。你的配置里兩張依賴圖里都包括 ProcessList.jsx 模塊，那么打包生成的 main.bundle.js 和 Ast_yjzb.bundle.js 里都包括 ProcessList.jsx 模塊的代碼。
通過 dependOn 選項，可以將一張依賴圖中的指定模塊分離出去，不會出現(xiàn)在該依賴圖最后打包生成的 bundle 中。配置文件如下：
module.exports = {
entry: {
main: {
import: './src/index.js',
dependOn: 'Ast_yjzb'
},
Ast_yjzb: './src/pagen/Ast_yjzb/ProcessList.jsx',
}
}
通過以上配置，webpack 就知道了 main entry 依賴于 Ast_yjzb entry，webpack 就會從第一張依賴圖里去除掉 Ast_yjzb 的依賴圖。也就是說 ProcessList.jsx 模塊以及它的依賴模塊只會打包到 Ast_yjzb.bundle.js 中，而不會打包到 main.bundle.js 中。Webpack 5（五）代碼分離
如果不分離，生成一個 chunk，包含依賴圖中的所有模塊以及 runtime 和 manifest 代碼 分離 runtime 和 manifest 代碼 runtime 和...
-
Node.js 復(fù)習(xí)
Buffer ArrayBuffer：ES6 中的類，代表內(nèi)存中的數(shù)據(jù) TypedArray：ES6 中的類，用來讀寫 ArrayBuffer 中的數(shù)據(jù)(不同視圖有不同的讀寫...
-
Vue CLI 創(chuàng)建 ES6 項目
使用 ESLint 來檢測語法和代碼規(guī)范 創(chuàng)建項目，選擇手動配置，選擇 ESLint + Standard config，選擇 Lint on save 進(jìn)入項目目錄，打開 ...
-
復(fù)習(xí) VSCode 下
ESLint 與 Prettier ESLint 可以檢測語法和代碼規(guī)范： parser 和 parserOptions 檢測語法extends 和 rules 檢測代碼規(guī)范...
-
復(fù)習(xí) VSCode 上
在 VSCode 中使用 Prettier VSCode 安裝 Prettier 插件，不需要在項目目錄本地安裝 Prettier npm i -D prettier 在項目...
-
Webpack 5（九）Dev Server
安裝 webpack-dev-server 修改 package.json 修改 webpack.config.js 在開發(fā)模式下，devServer 自動開啟一個開發(fā)服務(wù)器...
-
Webpack 5（八）加載資源
資源的存放路徑與訪問路徑 資源文件 打包之前，一個文件就是一個模塊。模塊可以是任何類型的文件（js 模塊，css 文件，圖像文件），模塊之間存在依賴關(guān)系。這些文件作為源代碼，...
-
Webpack 5（六）Loader
什么是 loader loader 讓 webpack 能夠去處理那些非 JavaScript 文件（webpack 自身只理解 JavaScript）。loader 可以將...
-
Webpack 5（五）代碼分離
如果不分離，生成一個 chunk，包含依賴圖中的所有模塊以及 runtime 和 manifest 代碼 分離 runtime 和 manifest 代碼 runtime 和...
-
Webpack 5（四）基礎(chǔ)配置
mode 可以在命令行或配置文件來指定 mode： 命令行： 配置文件： mode 的值可以是： none development production（默認(rèn)值） none ...
-
Webpack 5（三）打包原理
參考[https://webpack.docschina.org/concepts/under-the-hood/] 構(gòu)建 將源代碼轉(zhuǎn)化為分發(fā)代碼的過程稱為構(gòu)建。 源代碼：用...
-
Webpack 5（二）模塊依賴
模塊 一個文件就是一個模塊，模塊可以是任何類型的文件，原生支持 js 和 json 文件，其他類型的文件需要使用對應(yīng)的 loader 轉(zhuǎn)換成 js 文件。 模塊的依賴關(guān)系 模...
-
Webpack 5（一）準(zhǔn)備工作
創(chuàng)建項目目錄 生成 package.json 文件 修改 package.json 文件 安裝 webpack 和 webpack-cli 創(chuàng)建配置文件
-
初中代數(shù)（八）：函數(shù)
函數(shù) 變量與常量 y = 1.5x2 + 4，變量是 x, y，常量是 1.5, 4 函數(shù)定義 如果有兩個變量 x, y，并且對于 x 的每一個確定的值，y 都有唯一確定的值...