我是靠谱客的博主 风中哈密瓜,最近开发中收集的这篇文章主要介绍webpack 读取文件夹下的文件_webpack输入的文件带上这个文件之前的路径文件名,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

//多页面输出配置

// 与上面的多页面入口配置相同,读取pages文件夹下的对应的html后缀文件,然后放入数组中

var PAGE_PATH = path.resolve(__dirname, '../src/pages')

exports.htmlPlugin = function () {

let entryHtml = glob.sync(PAGE_PATH + '/**/*.html')

let arr = []

entryHtml.forEach((filePath) => {

let filename = filePath.substring(filePath.lastIndexOf('/') + 1, filePath.lastIndexOf('.'))

let conf = {

// path:path.resolve(__dirname, 'dist/filename'),

// 模板来源

template: filePath,

// 文件名称

filename: filename + '.html',

// 页面模板需要加对应的js脚本,如果不加这行则每个页面都会引入所有的js脚本

chunks: ['manifest', 'vendor', filename],

inject: true

}

if (process.env.NODE_ENV === 'production') {

conf = merge(conf, {

minify: {

removeComments: true,

collapseWhitespace: true,

removeAttributeQuotes: true

},

chunksSortMode: 'dependency'

})

}

arr.push(new HtmlWebpackPlugin(conf))

})

return arr

}

这样输出后。

怎么修改才可以把这个文件的父文件夹也给输出出来

比如

pages/aa/bb/bb.html (原文件路径)

输出为

dist/aa/bb.html

例子2

pages/aa/bb/cc/cc.html

输出为

dist/aa/bb/cc.html

最后

以上就是风中哈密瓜为你收集整理的webpack 读取文件夹下的文件_webpack输入的文件带上这个文件之前的路径文件名的全部内容,希望文章能够帮你解决webpack 读取文件夹下的文件_webpack输入的文件带上这个文件之前的路径文件名所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(61)

评论列表共有 0 条评论

立即
投稿
返回
顶部