wpack

wpack 是一个轻量级打包工具，简单易用。

• (1)install wpack -g
• (2)在项目根目录创建一个JSON文件例如 pack.json
• (3)在pack.json里输入需要打包的配置信息
• (4)在项目根目录运行wpack pack.json

pack.json配置文件如下：

{
	"outputFolder":"dist",
	"package":["src"],
	"exclude":["libs","javascript","index.html"],
	"main":"index_tpl.html",
	"entry":{
		"lib":[
			"src/libs/three.115.js",
			"src/libs/Wing.js",
			"src/libs/jquery.min.js",
			"src/libs/wTree.min.js",
			"src/libs/wLayouter.js",
			"src/libs/OrbitControls.js",
			"src/libs/GLTFLoader.js",	
			"src/javascript/ThreeRender.js",
			"src/libs/wFolder.js"
		],
		"js":[
			"src/javascript/tab.js",
			"src/javascript/App.js",
			"src/javascript/App.Layer.js",
			"src/javascript/App.ControlPanel.js"
		]
	},
	"output":{
		"lib":"dist/libs/dist.js",
		"js":"dist/javascript/App.js"
	}
}

配置说明

• outputFolder 需要生产的目标文件夹
• main 生产的模板文件，此文件中包含{{script}}自定义标识，打包后自动生产到 “outputFolder”指定的（即“dist”）文件夹下，{{script}}自动替换成打包后的js文件引用；使用这也可以手动修改修，打包后的js文件地址在配置文件的“output”里；
• package 需要打包的文件夹
• exclude 排除的文件夹
• entry 需要打包的js
• output 打包后的js 注意：entry与output对象属性值要一致