前端工程化-Gulp/样式编译

99 阅读1分钟

        在项目架构阶段很重要的一个工作就是,设置项目文件目录结构。对于不需要经过转换,直接拷贝就可以的资源文件一般都是放在 public 下面;对于开发阶段所编写的代码都是放在 src 目录中,这个目录下所有文件都会被构建对于html文件可以使用模版语法、对于样式文件可以使用sass语法、脚本文件也可以使用ES6语法、图片和字体文件需要被自动压缩。

const {src, dest} = require('gulp')
const sass = require('gulp-sass')
const style = () => {
    return src('src/assets/style/*.scss', {base:'src'})
        .pipe(sass({ outputStyle: 'expanded'}))
        .pipe(dest('dist'))
}
module.exports = {
    style
}