一、webpack配置
首先是對項目進行github管理
接下來,由於這個項目的源碼用的webpack3,而現在都是webpack4了,所以自己在webpack中花費了很多的時間,記錄一下其中的問題:
1.未提取公共代碼,因爲這個插件自己找了大量的插件還是不行,不知道爲什麼,愁skr,那就先保留問題吧
2.html-loader自己的理解不是很透徹,等項目在開發一段時間我回來在補寫這部分吧
3.今天下午解決了一個很困擾的問題,大致是這樣的,我創建了一個css文件,打包後css用引入的圖片老不對,所以圖片無法在網頁中展示,查閱大量資料發現
output:{
filename:'js/[name].js',
path:path.resolve(__dirname,'dist'),
publicPath : '../'
},
這裏所有打包的文件都放在我們設置的dist目錄下,例如filename:'js/[name].js'就是放在dist下邊的js目錄中
而publicPath的作用是,我們對靜態資源的訪問可以藉助這個,但是不會影響文件打包的路徑,比如我沒加publicPath之前我的css文件引入圖片路徑是這樣的
我加了publicPath就正常了,圖片可以顯示了
因爲對靜態資源的引入有一個公式 ,可參考這篇文章
靜態資源最終訪問路徑 = output.publicPath + 資源loader或插件等配置路徑
這個問題終於搞明白了,新的問題又來了,就是關於在webpack-dev-server配置時,我按網上的教程分別寫了output.publicPath和devserver.publicPath ,但是在我打包時他按照我上邊的方式配置,圖片是能正常顯示的,但是devserver不能自己刷新了,不起效果了,查閱了大量資料無果後我配置了兩個webpack.config.js這樣就分別能在兩個環境下都正常運行了,但是我這個問題還是沒有解決。
二、關於github的一些命令
以前我用的碼雲,分支能在碼雲上創建,看來這次是不行了,翻閱資料發現:
創建分支 git branch xxx
將分支提交遠程 先切換到主分支git checkout master 然後執行 git push origin xxx
切回xxx分支進行開發,提交代碼 git add . git commit -m 'xxx'
然後切回master分支 合併分支 git merge xxx
將合併後的本地內容推送遠程 git push
刪除本地分支 git branch -D xxx
刪除遠程分支 git push origin --delete xxx
三、配置工具類中遇到的問題(common分支)
1.util/mm.js中關於success函數中error()的理解?
2.fiddler跨域的使用?
3.關於hogan的引入
解答:是引入require(‘hogan.js’)而不是(‘hogan’)
4.url跳轉中爲什麼要使用重定向redirect後邊接是從哪個頁跳過去的?
5.<meta http-equiv="x-ua-...>有什麼作用?
6.font-size:12px/1.5
後面的1.5代表1.5倍行距
7.圖標庫課程用font-awesome,我決定用阿里圖標庫
8.
因爲在書寫html中,input和btn兩個標籤換行後會有空格,所有中間會有小空隙
解決:可以給btn一個position:absolute,absolute是脫離文檔流的,默認狀態下他會緊跟他的上一個標籤元素,這樣小空隙就沒有了
9.關於回填的理解?