gulpfile是打包配置檔案

/*

* gulpfile是打包配置檔案
** */
/*var gulp=require('gulp');
gulp.task('say',function());
build:'build/',
src:'src/',
dist:'dist/'
}*/;
var gulp =
require
('gulp');
var less =
require
('gulp-less');
var cssmin =
require
('gulp-cssmin');
var uglify =
require
('gulp-uglify');
var concat =
require
('gulp-concat');
var connect =
require
('gulp-connect');
var imagemin =
require
('gulp-imagemin');
var open =
require
('open');
gulp.
task
('lib'
,function()
);/*2.定義任務 把所有html檔案移動另乙個位置*/
gulp.
task
('html'
,function()
);/*3.執行任務 通過命令列。gulp 任務名稱*/
* 把less檔案轉成css放到build
* */
gulp.
task
('less'
,function()
);/*合併js*/
gulp.
task
('js'
,function()
);/*壓縮*/
gulp.
task
('image'
,function()
);/*同時執行多個任務 [其它任務的名稱]
* 當前bulid時，會自動把陣列當中的所有任務給執行了。
* */
gulp.
task
('build',[
'less'
,'html'
,'js'
,'image'
,'lib'])
;/*定義server任務
* 搭建乙個伺服器。設定執行的構建目錄
* */
gulp.
task
('server',[
'build'],
function()
)/*監聽哪些任務*/
gulp.
watch
('bower_components/**/*',[
'lib'])
; gulp.
watch
'**/*.html',[
'html'])
; gulp.
watch
'js/**/*.js',[
'js'])
; gulp.
watch
'images/**/*',[
'image'])
; gulp.
watch
'style/**/*.less',[
'less'])
;//通過瀏覽器把指定的位址 （http://localhost:9999）開啟。
});/*定義預設任務
* 直接執行gulp 會呼叫的任務
* */
gulp.
task
('default',[
'server'])
;

gulp打包修改配置檔案

var gulp require gulp newer require gulp newer 用於僅傳遞比相應目標檔案更新的原始檔。imagemin require gulp imagemin 使用縮小png，jpeg，gif和svg影象 sass require gulp sass 編譯scss檔...

vue打包後分離config配置檔案

用vue cli構建的專案通常是採用前後端分離的開發模式，也就是前端與後台完全分離，此時就需要將後台介面位址打包進專案中，此時如果只是改個介面位址也要重新打包那就太麻煩了，解決方法是直接加個config.js檔案 1.首先我們在static檔案下建立乙個js檔案，就叫config.js吧，內容為 w...

webpack4入門 打包基礎配置檔案

npm i webpack 4 npm i webpack cli npm i mini css extract plugin html webpack plugin d 安裝html模板外掛程式 與將css重新整合外掛程式 d將包寫入到開發模式中，package檔案中可見，npm i css lo...