為您找到相關(guān)結(jié)果15個
postcss安裝和使用示例詳解_javascript技巧_腳本之家
browserSync.init({ server: { baseDir: './dist' } }); gulp.watch('src/**/*.css', gulp.series('process-css', browserSync.reload)); }); 2.風(fēng)格檢查和規(guī)范化: 使用諸如stylelint、stylefmt等插件,可以在PostCSS管道中進(jìn)行CSS代碼風(fēng)格的校驗(yàn)和格式化。 1 2 3 4 5 6 7 8 // 在PostCSS配置文件...
www.dbjr.com.cn/javascript/3189477...htm 2025-5-26
node使用Git Bash作為命令行終端示例_node.js_腳本之家
6 # browserSync cli # here we use `${}` as placeholders # for necessary params $ nshm add bs -t"browser-sync start --server --files \"${files}\" --index \"${index}\" --open \"external\" --reload-debounce --no-notify" # now we get the `bs.sh` file under our working d...
www.dbjr.com.cn/javascript/295148g...htm 2025-5-31
詳解webpack與SPA實(shí)踐之開發(fā)環(huán)境搭建_javascript技巧_腳本之家
為了方便開發(fā)和調(diào)試,通常都需要在本地主機(jī)開啟服務(wù),提供局域網(wǎng)內(nèi)多終端訪問,并且在文件變更時,實(shí)時刷新頁面,正如grunt和gulp中Browsersync插件提供的功能一樣,webpack可以使用webpack-dev-server模塊實(shí)現(xiàn)。 webpack-dev-server是一個Node.js的express服務(wù)器,以webpack開發(fā)中間件的形式為webpack包提供服務(wù),當(dāng)監(jiān)聽到源碼...
www.dbjr.com.cn/article/1307...htm 2025-6-3
Rsync 秒殺一切備份工具,你能手動屏蔽某些目錄嗎?_linux shell_腳本之...
使用Rsync,可以鏡像數(shù)據(jù),創(chuàng)建增量備份,并在系統(tǒng)之間復(fù)制文件。復(fù)制數(shù)據(jù)時,你可能要根據(jù)文件名或位置排除一個或多個文件或目錄。 在本文中,我們將展示如何使用rsync排除文件和目錄。 準(zhǔn)備工作 先簡要說一下 rsync 的工作流程和使用方法。 在下面的示例中,我們使用rsync 的-a選項(xiàng),這會遞歸同步目錄,傳輸特殊設(shè)備和塊設(shè)...
www.dbjr.com.cn/article/2025...htm 2025-5-9
JS中使用gulp實(shí)現(xiàn)壓縮文件及瀏覽器熱加載功能_javascript技巧_腳本...
gulp.task('watch',['browserSync', 'sass'],function(){ //我們可以在watch任務(wù)之前告知Gulp,先把browserSync和Sass任務(wù)執(zhí)行了再說。 gulp.watch('app/scss/**/*.scss', ['sass']); gulp.watch('app/*.html', browserSync.reload); gulp.watch('app/js/**/*.js', browserSync.reload); // Othe...
www.dbjr.com.cn/article/1184...htm 2025-6-6