rayelliott
/
gulp-web
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: rayelliott:11cb996dc8b06e2657d8fffe67dccaf75a8aff79
Branches Tags
rayelliott:master
..
compare: rayelliott:800676ab23c87607240bfc5947555c88229d5bfc
Branches Tags
rayelliott:master

3 Commits
11cb996dc8 ... 800676ab23

Author SHA1 Message Date
Ray Elliott 800676ab23 add assets/image directories 2020-05-01 18:39:31 +01:00
Ray Elliott 7cb52dd745 update css 2020-05-01 15:35:33 +01:00
Ray Elliott 02e625e168 add index.html 2020-05-01 15:34:36 +01:00
4 changed files with 73 additions and 3 deletions
Show Stats Expand all files Collapse all files

28
gulpfile.js
View File

@ -23,6 +23,10 @@ const jsSrc = path.join(srcDir, "js/**/*.js");
const jsDest = path.join(buildDir, "js/"); const jsDest = path.join(buildDir, "js/");
const scssSrc = path.join(srcDir, "scss/**/*.scss"); const scssSrc = path.join(srcDir, "scss/**/*.scss");
const cssDest = path.join(buildDir, "css/"); const cssDest = path.join(buildDir, "css/");
const htmlSrc = path.join(srcDir, "html/**/*.html");
const htmlDest = buildDir;
const assetSrc = path.join(srcDir, "assets/**/*");
const assetDest = path.join(buildDir, "assets/");
function jsClean() { function jsClean() {
return del(jsDest, { force: true }); return del(jsDest, { force: true });
@ -32,6 +36,14 @@ function cssClean() {
return del(cssDest, { force: true }); return del(cssDest, { force: true });
} }
function htmlClean() {
return del(htmlDest, { force: true });
}
function assetClean() {
return del(assetDest, { force: true });
}
function jsTranspile() { function jsTranspile() {
return src(jsSrc, { sourcemaps: true }) return src(jsSrc, { sourcemaps: true })
.pipe(babel(babelConfig)) .pipe(babel(babelConfig))
@ -46,6 +58,16 @@ function scssCompile() {
.pipe(dest(cssDest, { sourcemaps: true })); .pipe(dest(cssDest, { sourcemaps: true }));
} }
function htmlCompile() {
return src(htmlSrc)
.pipe(dest(htmlDest));
}
function assetCompile() {
return src(assetSrc)
.pipe(dest(assetDest));
}
function serve(done) { function serve(done) {
server.init({ server.init({
open: false, open: false,
@ -67,5 +89,9 @@ const jsWatch = () =>
watch(jsSrc, { ignoreInitial: false }, series(jsClean, jsTranspile)); watch(jsSrc, { ignoreInitial: false }, series(jsClean, jsTranspile));
const cssWatch = () => const cssWatch = () =>
watch(scssSrc, { ignoreInitial: false }, series(cssClean, scssCompile)); watch(scssSrc, { ignoreInitial: false }, series(cssClean, scssCompile));
const htmlWatch = () =>
watch(htmlSrc, { ignoreInitial: false }, series(htmlClean, htmlCompile));
const assetWatch = () =>
watch(assetSrc, { ignoreInitial: false }, series(assetClean, assetCompile));
exports.default = parallel(jsWatch, cssWatch, serve); exports.default = parallel(jsWatch, cssWatch, htmlWatch, assetWatch, serve);

0
src/assets/.gitkeep Normal file
View File

32
src/html/index.html Normal file
View File

@ -0,0 +1,32 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>THE TITLE IS THIS!</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="THE DESCRIPTION IS THIS!">
<meta name="author" content="I AM THE AUTHOR!">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
</header>
<main>
</main>
<footer>
</footer>
<script src="js/script.js"></script>
</body>
</html>

16
src/scss/_base.scss
View File

@ -1,3 +1,15 @@
html { html,
font-size: 100%; body {
padding: 0;
margin: 0;
}
body {
font-size: 100%;
box-sizing: border-box;
background-color: pink;
}
* {
box-sizing: inherit;
} }