面試被問到webpack配置

當時太悲劇了，這一塊太久沒注意，一直都是做專案寫業務頁面比較多，竟然忘記了，還亂答一通，還說要配置vue-loader、引入path、引入需要應用的函式，時候真想ps自己。

答出以上三點基本得分

首先，安裝webpack，這裡就直接全域性安裝

//終端執行,npm不行就用cnpm

npm i webpack -g
//使用webpack4+版本，就要繼續安裝cli
npm i webpack-cli -g

開啟終端進入webpack目錄下

//-y可以直接預設建立package.json無須一步步配置引數

第三步，我喜歡把入口檔案放在src目錄裡，這裡需要建立src/main.js
注意這裡需要把pakage.json裡的main的值改為："src/main.js"方便閱讀
第四步，在webpack目錄下建立webpack.config.js
// webpack.config.js

const path =
require
('path');
const config =
, mode:
'production'
,//選擇的模式告訴webpack使用其內建的優化:production、development、none
plugins:
};module.exports = config;
為了簡化手動去建立index.html檔案，我們加入乙個外掛程式

npm i html-webpack-plugin -
d然後再回到webpack.config.js進行匯入和呼叫
// webpack.config.js

const path =
require
('path');
const htmlwebpackplugin =
require
('html-webpack-plugin');
//匯入外掛程式
const config =
, mode:
'production'
, plugins:
[new
htmlwebpackplugin()
//引入外掛程式]}
;module.exports = config;
這個時候刪除dist裡的所有檔案，執行啟動命令npm run start就可以看到dist裡有index.html

注意這個時候index.html僅插入js檔案，但是在body裡顯示乙個div節點怎麼辦呢?
//如果想在index.html插入一下**怎麼辦

"root"
>
<
/div>只需要配置html-webpack-plugin外掛程式裡的template屬性就可以了
// webpack.config.js
const path =
require
('path');
const htmlwebpackplugin =
require
('html-webpack-plugin');
//匯入外掛程式
const config =
, mode:
'production'
, plugins:
[new
htmlwebpackplugin()
//引入外掛程式]}
;module.exports = config;
如果做好以上配置，沒有新增./src/index.html就會報錯

建立src/index.html檔案
最後敲入npm run start既可以看到我們想要的結果如圖
面試hadoop可能被問到的問題
1 hadoop執行的原理?2 mapreduce的原理?3 hdfs儲存的機制?4 舉乙個簡單的例子說明mapreduce是怎麼來執行的 5 面試的人給你出一些問題,讓你用mapreduce來實現？比如 現在有10個資料夾,每個資料夾都有1000000個url.現在讓你找出top1000000ur...
朋友面試被問到 靜態建構函式
原文 朋友面試被問到 靜態建構函式 事情是這樣的 朋友是乙個一年多經驗的.net開發人員 在面試新公司的時候,被面試官問到什麼是 靜態建構函式 朋友回來告訴我,建構函式還有靜態的嗎,看來這次面試要黃了 對的,建構函式是有靜態的啊,不過也難怪,很少人會用到,看來面試官是要看你的基礎有多深啊 我們知道,...
面試時被問到高併發
我目前最處理過最高併發量就是之前參與李寧的電商專案，其實全天也就是剛到百萬級的pv，大概每秒響100pv。個人認為高併發系統的本質就是充分利用硬體資源，並通過提高 和架構的質量進行輔助，以此提公升cpu io裝置的使用率 所以高併發的處理無非三點 伺服器 資料庫 架構。伺服器方面可以提高頻寬 伺服器...