電商網站開發記錄

一、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.關於回填的理解?

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章