Gulp不会在上创建dist文件夹https://app.netlify.com/
我试图在上部署我们的项目,但未创建dist文件夹。下面是app.netlify的日志截图 而且,在执行gulp构建之后,不会创建dist文件夹 下面是gulpfile.jsGulp不会在上创建dist文件夹https://app.netlify.com/,gulp,netlify,Gulp,Netlify,我试图在上部署我们的项目,但未创建dist文件夹。下面是app.netlify的日志截图 而且,在执行gulp构建之后,不会创建dist文件夹 下面是gulpfile.js "use strict"; // Load plugins const autoprefixer = require("gulp-autoprefixer"); const browsersync = require("browser-sync").creat
"use strict";
// Load plugins
const autoprefixer = require("gulp-autoprefixer");
const browsersync = require("browser-sync").create();
const cleanCSS = require("gulp-clean-css");
const del = require("del");
const gulp = require("gulp");
const header = require("gulp-header");
const merge = require("merge-stream");
const plumber = require("gulp-plumber");
const rename = require("gulp-rename");
const sass = require("gulp-sass");
const uglify = require("gulp-uglify");
// Load package.json for banner
const pkg = require('./package.json');
// Set the banner content
const banner = ['/*!\n',
' * Start Bootstrap - <%= pkg.title %> v<%= pkg.version %> (<%= pkg.homepage %>)\n',
' * Copyright 2013-' + (new Date()).getFullYear(), ' <%= pkg.author %>\n',
' * Licensed under <%= pkg.license %> (https://github.com/StartBootstrap/<%= pkg.name %>/blob/master/LICENSE)\n',
' */\n',
'\n'
].join('');
// BrowserSync
function browserSync(done) {
browsersync.init({
server: {
baseDir: "./"
},
port: 3000
});
done();
}
// BrowserSync reload
function browserSyncReload(done) {
browsersync.reload();
done();
}
// Clean vendor
function clean() {
return del(["./vendor/"]);
}
// Bring third party dependencies from node_modules into vendor directory
function modules() {
// Bootstrap JS
var bootstrapJS = gulp.src('./node_modules/bootstrap/dist/js/*')
.pipe(gulp.dest('./vendor/bootstrap/js'));
// Bootstrap SCSS
var bootstrapSCSS = gulp.src('./node_modules/bootstrap/scss/**/*')
.pipe(gulp.dest('./vendor/bootstrap/scss'));
// Bootstrap datepicker
var datepicker = gulp.src([
'./node_modules/bootstrap-datepicker/dist/js/*.js',
'./node_modules/bootstrap-datepicker/dist/css/*.css'
])
.pipe(gulp.dest('./vendor/bootstrap-datepicker'));
// Select 2
var select2 = gulp.src([
'./node_modules/select2/dist/js/*.js',
'./node_modules/select2/dist/css/*.css'
])
.pipe(gulp.dest('./vendor/select2'));
// select2Bootstrap4
var select2Bootstrap4 = gulp.src([
'./node_modules/@ttskch/select2-bootstrap4-theme/dist/*.css'
])
.pipe(gulp.dest('./vendor/select2Bootstrap4'));
// Font Awesome
var fontAwesome = gulp.src('./node_modules/@fortawesome/**/*')
.pipe(gulp.dest('./vendor'));
// jQuery Easing
var jqueryEasing = gulp.src('./node_modules/jquery.easing/*.js')
.pipe(gulp.dest('./vendor/jquery-easing'));
// jQuery
var jquery = gulp.src([
'./node_modules/jquery/dist/*',
'!./node_modules/jquery/dist/core.js'
])
.pipe(gulp.dest('./vendor/jquery'));
return merge(bootstrapJS, bootstrapSCSS, datepicker, select2, select2Bootstrap4, fontAwesome, jquery, jqueryEasing);
}
// CSS task
function css() {
return gulp
.src("./scss/**/*.scss")
.pipe(plumber())
.pipe(sass({
outputStyle: "expanded",
includePaths: "./node_modules",
}))
.on("error", sass.logError)
.pipe(autoprefixer({
cascade: false
}))
.pipe(header(banner, {
pkg: pkg
}))
.pipe(gulp.dest("./css"))
.pipe(rename({
suffix: ".min"
}))
.pipe(cleanCSS())
.pipe(gulp.dest("./css"))
.pipe(browsersync.stream());
}
// JS task
function js() {
return gulp
.src([
'./js/*.js',
'!./js/*.min.js',
])
.pipe(uglify())
.pipe(header(banner, {
pkg: pkg
}))
.pipe(rename({
suffix: '.min'
}))
.pipe(gulp.dest('./js'))
.pipe(browsersync.stream());
}
// Fonts Task
function fonts() {
return gulp
.src([
'./fonts/*/',
])
.pipe(gulp.dest('dist/fonts/'))
.pipe(browsersync.stream());
}
// Image Task
function img() {
return gulp
.src([
'./img/*/',
])
.pipe(gulp.dest('dist/img/'))
.pipe($.size())
.pipe(browsersync.stream());
}
// Watch files
function watchFiles() {
gulp.watch("./scss/**/*", css);
gulp.watch(["./js/**/*", "!./js/**/*.min.js"], js);
gulp.watch(["./fonts/*/"], fonts);
gulp.watch(["./img/*/"], img);
gulp.watch("./**/*.html", browserSyncReload);
}
// Define complex tasks
const vendor = gulp.series(clean, modules);
const build = gulp.series(vendor, gulp.parallel(css, js));
const watch = gulp.series(build, gulp.parallel(watchFiles, browserSync));
// Export tasks
exports.css = css;
exports.js = js;
exports.clean = clean;
exports.vendor = vendor;
exports.build = build;
exports.watch = watch;
exports.default = build;
“严格使用”;
//加载插件
const autoprefixer=require(“吞咽自动再充装器”);
const browsersync=require(“浏览器同步”).create();
const cleanCSS=require(“吞咽干净的css”);
const del=需要(“del”);
const gulp=需要(“gulp”);
const header=需要(“吞咽式header”);
const merge=require(“合并流”);
施工管道工=需要(“大口管道工”);
const rename=require(“gulp rename”);
const sass=需要(“吞咽sass”);
const-uglify=require(“咕噜咕噜”);
//加载横幅的package.json
const-pkg=require('./package.json');
//设置横幅内容
常量横幅=['/*!\n',
“*启动引导-v()\n”,
“*版权所有2013-”+(新日期()).getFullYear(),“\n”,
*根据(https://github.com/StartBootstrap//blob/master/LICENSE)\n',
“*/\n”,
“\n”
].加入(“”);
//浏览器同步
函数browserSync(完成){
browsersync.init({
服务器:{
baseDir:“./”
},
港口:3000
});
完成();
}
//浏览器同步重新加载
函数browserSyncReload(完成){
重新加载();
完成();
}
//清洁供应商
函数clean(){
返回del([“/供应商/”]);
}
//将第三方依赖项从节点_模块引入供应商目录
功能模块(){
//引导JS
var bootstrapJS=gulp.src(“./node_modules/bootstrap/dist/js/*”)
.pipe(吞咽目的地('./供应商/bootstrap/js');
//自举SCSS
var bootstrapSCSS=gulp.src(“./node_modules/bootstrap/scss/***”)
.管道(吞咽目的地('./供应商/引导/SCS');
//引导数据采集器
var datepicker=gulp.src([
“./node_modules/bootstrap datepicker/dist/js/*.js”,
“./node_modules/bootstrap datepicker/dist/css/*.css”
])
.pipe(gulp.dest(“./供应商/引导数据采集器”);
//选择2
var select2=gulp.src([
“./node_modules/select2/dist/js/*.js”,
“./node_modules/select2/dist/css/*.css”
])
.管道(大口目的地('./供应商/选择2');
//选择2bootstrap4
var select2Bootstrap4=gulp.src([
“./node_modules/@ttskch/select2-bootstrap4-theme/dist/*.css”
])
.管道(大口目的地('./供应商/select2Bootstrap4');
//字体真棒
var fontAwesome=gulp.src(“./node_modules/@fortawesome/***”)
.管道(大口目的地(“/供应商”);
//jQuery宽松
var jqueryasing=gulp.src('./node_modules/jquery.easing/*.js')
.管道(大口目的地('./供应商/jquery-dest');
//jQuery
var jquery=gulp.src([
“./node_modules/jquery/dist/*”,
“!./node_modules/jquery/dist/core.js”
])
.管道(大口目的地('./供应商/jquery'));
返回合并(bootstrapJS、bootstrapSCSS、日期选择器、select2、select2Bootstrap4、fontsawesome、jquery、jqueryasing);
}
//CSS任务
函数css(){
回灌
.src(“/scss/***.scss”)
.管子(管道工())
.管道(sass)({
outputStyle:“扩展”,
includePath:“./节点\模块”,
}))
.on(“错误”,sass.logError)
.管道(自动刷新器)({
瀑布:错
}))
.管道(集管(横幅、{
包装:包装
}))
.管道(大口目的地(“/css”))
.管道(重命名)({
后缀:“.min”
}))
.pipe(cleanCSS())
.管道(大口目的地(“/css”))
.pipe(browsersync.stream());
}
//JS任务
函数js(){
回灌
.src([
“./js/*.js”,
“!./js/*.min.js”,
])
.管道(丑()
.管道(集管(横幅、{
包装:包装
}))
.管道(重命名)({
后缀:'.min'
}))
.pipe(大口目的地('./js'))
.pipe(browsersync.stream());
}
//字体任务
函数字体(){
回灌
.src([
“./字体/*/”,
])
.pipe(gulp.dest('dist/font/'))
.pipe(browsersync.stream());
}
//图像任务
函数img(){
回灌
.src([
“./img/*/”,
])
.pipe(大口目的地('dist/img/'))
.pipe($.size())
.pipe(browsersync.stream());
}
//监视文件
函数watchFiles(){
狼吞虎咽的手表(“/scss/***”,css);
大口喝表([“/js/****”,“!/js/***.min.js”],js);
狼吞虎咽的手表([“/”字体/*/”],字体);
大口喝手表([“/img/*/”],img);
gulp.watch(“./***/.html”,browserSyncReload);
}
//定义复杂任务
const vendor=gulp.系列(清洁、模块);
const build=gulp.series(供应商,gulp.parallel(css,js));
const watch=gulp.series(build,gulp.parallel(watchFiles,browserSync));
//导出任务
exports.css=css;
exports.js=js;
exports.clean=干净;
exports.vendor=供应商;
exports.build=build;
exports.watch=手表;
exports.default=build;