Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
3.6k views
in Technique[技术] by (71.8m points)

webpack单独打包压缩一个文件夹?

需求:项目中有一个文件夹,里面是一些依赖关系复杂的js,文件夹外也有引用这些js,如何使用webpack打包压缩文件夹中所有js,并保证文件夹之外的引用不报错?
谢谢!
1.gulp-concat不会自动解析依赖,并且直接合并会报错
2.webpack entry好像不能读取文件夹路径,只能指定js?


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

你这个问题其实我感觉就是一个 webpack 配置多入口的问题。

那就是需要 entry 配置的时候传多个入口咯。什么?你说一个一个写太累了。他配置文件又不是个json,你完全可以通过编程的方式来遍历


var fs = require('fs');//引用文件系统模块
    
function readFileList(path, filesList) {
    var files = fs.readdirSync(path);
    files.forEach(function (itm, index) {
        var stat = fs.statSync(path + itm);
        if (stat.isDirectory()) {
        //递归读取文件
            readFileList(path + itm + "/", filesList)
        } else {

            var obj = {};//定义一个对象存放文件的路径和名字
            obj.path = path;//路径
            obj.filename = itm//名字
            filesList.push(obj);
        }

    })

}
var getFiles = {
    //获取文件夹下的所有文件
    getFileList: function (path) {
        var filesList = [];
        readFileList(path, filesList);
        return filesList;
    },
};

getFiles.getFileList("./");

类似代码就是上面这样,你可以把初始路径改一下 getFiles.getFileList("./ass"),然后判断一下后缀名 /.js$/


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...