gulp.js
4059 ワード
npm i gulp gulp-sass sass --save-devインストール-
--save-devの場合、devDependenciesに格納されていることを示します. "scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"gulp": "gulp"
},package.jsonファイルgulpに追加して使用します.gulpfile.jsファイルを作成し、scss→cssに関するコードを書きますconst { src, dest, watch, series } = require('gulp');
const sass = require('gulp-sass')(require('sass'));
function buildtyles() {
return src('index.scss')
.pipe(sass({ outputStyle: 'compressed' }))
.pipe(dest('css'))
}
function watchTask() {
watch(['index.scss'],buildtyles)
}
exports.default = series(buildtyles, watchTask);src() : source dest() : destination watch():npmの--watchと同じ機能series():task関数を継承pipe():リンクの役割を果たします.Reference
この問題について(gulp.js), 我々は、より多くの情報をここで見つけました https://velog.io/@yesslkim94/gulp.jsテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol