首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >任务以创建特定于页的js文件,将公共js文件与特定于页的文件连接起来。

任务以创建特定于页的js文件,将公共js文件与特定于页的文件连接起来。
EN

Stack Overflow用户
提问于 2018-09-17 21:49:34
回答 1查看 391关注 0票数 0

假设目录结构如下

  • 钢筋混凝土/
    • 脚本/
      • _公共/
        • common.js

代码语言:javascript
代码运行次数:0
运行
复制
    - page1.js
    - page2.js

我希望创建连接公共+ page1的不同文件,并为公共+ page2创建一个单独的文件。

输出如下所示

  • 地区/
    • 第1页/
      • script.js

代码语言:javascript
代码运行次数:0
运行
复制
- page2/  
    - script.js

其中script.js是每个页面的特定js连接到公共的地方。

我有一些东西可以在sass端创建文件夹,所以我真正需要做的就是弄清楚如何获取特定于页面的文件,并将它们放到一个以原始源文件命名的文件夹中。

代码语言:javascript
代码运行次数:0
运行
复制
return gulp.src(paths.styles.src)
    .pipe(sass().on('error', sass.logError))
    .pipe(postcss(processors))
     .pipe(rename(function(file) {
        file.dirname = file.basename;
        file.basename = 'style';
        file.extname = '.css';
    }))
    .pipe(gulp.dest(paths.styles.dest));
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-09-18 15:13:54

为js尝试这个:

代码语言:javascript
代码运行次数:0
运行
复制
const gulp = require("gulp");
const glob = require("glob");
const addSource = require("gulp-add-src");
const concat = require("gulp-concat");
const path = require("path");

// get an array of files
const files = glob.sync("./src/scripts/*.js");

gulp.task('default', function () {

  files.forEach(function (file) {

    return gulp.src(file)

          // append or prepend here (prepend to put common.js first)
      .pipe(addSource.prepend('./src/scripts/_common/common.js'))

      .pipe(concat("script.js"))

      .pipe(gulp.dest("dist/" +  path.basename(file, '.js')));
  });
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52376129

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档