代码之家 › 专栏 › 技术社区 › Aleksandr Gvozdev

模拟'fs。readdirSync`节点。无递归的js

html-webpack-plugin webpack node.js

Aleksandr Gvozdev · 技术社区 · 6 年前

我尝试只将html文件获取到我的文件夹中。但我的代码将所有文件夹都放入我的根文件夹并返回结果。我只想得到 .html 文件。

我的结构项目

src folder folder2 index.html inner.html

我只需要 index.html 和 inner.html 我的代码:

function generateHtmlPlugins(templateDir) {
  const templateFiles = fs.readdirSync(join(rootDir, templateDir));

  return templateFiles.map(item => {
    const parts = item.split('.');
    const name = parts[0];
    const extension = parts[1];

    return new HtmlWebpackPlugin({
      filename: `${name}.html`,
      template: join(rootDir, `./${templateDir}/${name}.${extension}`),
      inject: false
    });
  });
}

const htmlPlugins = generateHtmlPlugins('./src');

请帮我只发送 .html 文件到我的函数中

1 回复 | 直到 6 年前

Ð Ð¾Ð¼Ð°Ð½ Ð¢Ð°ÑÐ°ÑÐ¸Ð½Ð¾Ð² 6 年前

你需要先过滤你的文件 map

function generateHtmlPlugins(templateDir) {
  const templateFiles = fs.readdirSync(join(rootDir, templateDir));
  const htmlFiles = templateFiles.filter(item => item.split('.')[1] === 'html');

  return htmlFiles.map(item => {
    const parts = item.split('.');
    const name = parts[0];
    const extension = parts[1];

    return new HtmlWebpackPlugin({
      filename: `${name}.html`,
      template: join(rootDir, `./${templateDir}/${name}.${extension}`),
      inject: false
    });
  });
}

const htmlPlugins = generateHtmlPlugins('./src');

推荐文章

Guillaume Harari · 根据开发或产品环境加载css

6 年前

Max Silva · 无法使用vuejs2和webpack嵌入自定义字体

6 年前

Fered · Npm、Dev dependecy或dependecy,当使用webpack等将所有内容打包到一个脚本中时?

6 年前

Carlo · 如何使用Webpack 4仅在某些模块中导入jQuery?

6 年前

zh-mskl9 · Pug+Web包开发服务器

6 年前

Mizlul · 无法解析“css加载程序!”!自动刷新器加载程序'

6 年前

Aleksandr Gvozdev · 模拟'fs。readdirSync`节点。无递归的js

6 年前

jonnyg · 如何在docker文件中获取我可用的docker环境变量?(使用React/JS/webpack)

6 年前

Boris K · 将Extract Text Webpack插件与Vue CLI 3配合使用

6 年前

IsraGab · 使用webpack从angularjs模块加载特定指令

6 年前