如何用webpack.js将多个js文件打包成库

想要打包多个文件,在多个文件下有各个文件的相互调用,如在下例文件下要调用其他文件里的函数

var AnimateDomManage = require("./animatedommanager.js");
var AnimateEditor = require("./animateeditor.js");
var AnimateEnhancer =  require("./animateenhancer.js");
var FunctionHub = require("./functionhub.js");
var GeometryDefiner = require("./geometrydefiner.js");
var GeometrySaver = require("./geometrysaver.js");

window.function(){
    
}

window.function2(){
    
}

想要打包后某个函数在自己的主index页面可以直接调用,要加上window, eg,.

window.function1(){
    
}

建立下述文件

  • webpack.config.js
const path = require("path")
module.exports = {
	entry:{
    	ant: "./src/js/ant.js"
    },
    output: {
    	filename: "marchingants.js" ,
        path: path.resolve(__dirname, "../out")
    },
}

在命令行自己的文件夹目录下敲命令

webpack --config config/webpack.config.js

ps: 两个学习视频,就是看了下面的两个视频学的

  1. https://www.bilibili.com/video/av31582899/?p=5&t=710(将要打包的文件放一起,应该如何使用webpack)
  2. https://edu.csdn.net/course/play/6590/129392(多个文件相互依赖,某个函数需要用户调用)

猜你喜欢

转载自blog.csdn.net/disasters/article/details/87901319