如何解决两个 SASS 项目可以共享同一个 node_modules 文件夹和 package,json 文件吗?
我正在开发两个共享相同依赖项的 SCSS 项目(Bootstrap、Fontawesome、node.js)。我想在根目录维护相同的依赖项,并将 gulpfile.js 移动到项目子目录。
如何让项目一、二子目录下的gulpfile.js文件使用父/根目录下的node_modules,同时保持style和watch函数相对于它们的目录?
示例目录结构
|-- bootstrap
|-- node_modules
|-- package.json
|-- project_one
| |-- index.html
| |-- gulpfile.js
| |-- sass
|-- project_two
| |-- index.html
| |-- gulpfile.js
| |-- sass
Gulfile.js 代码
const gulp = require('gulp');
const sass = require('gulp-sass');
const browsersync = require('browser-sync').create();
// Compile scss int css
function style() {
return gulp.src('./sass/**/*.scss')
.pipe(sass().on('error',sass.logError))
.pipe(gulp.dest('./'))
.pipe(browsersync.stream());
}
// Watch function
function watch() {
browsersync.init({
server: {
baseDir: './'
}
});
gulp.watch('./sass/**/*.css',style);
gulp.watch('./**/*.html').on('change',browserSync.reload);
}
exports.style = style;
exports.watch = watch;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。