记录ureport2前端项目编译过程

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。