ureport2是个比较老牌的国产报表项目了。该项目主要分成了前端和后端。
这里的前端是指ureport2-js。
这里的后端是指ureport2-console,ureport2-core,ureport2-font。
完成的项目结构如下:
而这里仅记录前端的编译。
打开ureport2-js模块,可以确认,编译这个模块需要使用npm
这个上nodejs官网下载安装就可以了。
之后,指定taobao的镜像地址,具体也不记录了。
现在到编译的这步了:
首先删除package-lock.json
之后修改package.json
具体是加上在scripts节点加上build。如下:
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack"
}
接着在dependencies节点加上指定的webpack和webpack-cli的版本,如下:
"dependencies": {
"bootbox": "^4.4.0",
"bootstrap": "^3.3.7",
"bootstrap-colorpicker": "^2.5.0",
"chart.js": "^2.7.2",
"chartjs-plugin-datalabels": "^0.3.0",
"codemirror": "^5.23.0",
"completer": "^0.1.3",
"handsontable": "^0.32.0",
"jquery": "^3.1.1",
"jquery-contextmenu": "^2.4.2",
"node-uuid": "^1.4.7",
"raphael": "^2.2.7",
"save-svg-as-png": "^1.3.2",
"undo-manager": "^1.0.5",
"webpack": "^4.41.6",
"webpack-cli": "^3.3.12"
}
要指定webpack4,因为该项目在webpack.config.js文件中就提示了用的是webpack4。
最后安装依赖和编译。
npm install
npm run build
产生的文件在
../ureport2-console/src/main/resources/ureport-asserts/js
具体路径看webpack.config.js。