當時太悲劇了,這一塊太久沒注意,一直都是做專案寫業務頁面比較多,竟然忘記了,還亂答一通,還說要配置vue-loader、引入path、引入需要應用的函式,時候真想ps自己。webpack配置:在pakage.json裡配置執行命令,然**口和出口是基本的。
答出以上三點基本得分
首先,安裝webpack,這裡就直接全域性安裝
//終端執行,npm不行就用cnpm
npm i webpack -g
//使用webpack4+版本,就要繼續安裝cli
npm i webpack-cli -g
接著,開始建立專案資料夾名稱改為:webpack
開啟終端進入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裝置的使用率 所以高併發的處理無非三點 伺服器 資料庫 架構。伺服器方面可以提高頻寬 伺服器...