前端小白系列(0) 工程構建

2021-07-27 10:59:15 字數 926 閱讀 6534

先貼上頁面的目錄結構吧。

大家可根據自己需求組織自己的專案目錄,良好的目錄結構可以體現一名碼農的基本素質。

在編寫gulpfile.js時可能會有些坑。

首先,你任務裡用到的模組必須儲存在node_modules裡面(可利用nodejs裡的指令 npm install +模組名 來獲取),然後再在gulpfile.js中require相應模組。

第二,如果和我一樣是看上面提到的gulp博文來構建工程的,你可能會利用gulp-connect這個模組來搭建伺服器,那麼.server({})裡的root引數可能會坑到你(博主在設定該引數後引入component目錄下的jq檔案會提示找不到)。解決方法很簡單,刪掉root的資料即可。

最後,對於實施重新整理的任務,博主本想在乙個任務同時中重新整理(監聽)html、css和js檔案,但貌似不行,只好分配到多個任務當中

gulp.task('reload-dev-html',function() );

gulp.task('reload-dev-less',function() );

gulp.task('reload-dev-js',function() );

gulp.task('watch-html',function() );

gulp.task('watch-less',function() );

gulp.task('watch-js',function() );

,再按順序執行,效果成功。

gulp.task('live',function(done) );
ps:注意相對路徑的填寫!!!注意相對路徑的填寫!!!

注意相對路徑的填寫!!!

360前端面試 小白系列

無總結不面試 僅此記錄找實習的面試題,反思總結分享 經過同學介紹,我參加了360的前端暑期實習面試。下面是此次面試的總結和感悟。希望在下次面試的時候能夠發揮更好獲得乙份offer。一上來還是照常的自我介紹,我介紹了自己的學習經歷和學習前端的經歷,然後這部分自己說的內容比較多,接下來面試官小哥哥就從簡...

前端小白入門區塊鏈系列04

先解釋下 前端小白入門區塊鏈系列03的 pragma solidity 0.4.22 宣告solidity語言以及版本是0.4.22 contract ballot 傳送幣 ads 傳送的位址,coin 傳送幣的數量 function sendcoin address ads,uint coin p...

前端工程構建工具之Yeoman

yeoman 是由三個工具的組成 yo grunt bower yo yeoman核心工具,專案工程依賴目錄和檔案生成工具,專案生產環境和編譯環境生成工具。grunt 前端構建工具,jquery就是使用這個工具打包的。yeoman 特性 在f盤中新建個資料夾,然後執行dos命令,執行npm inst...