启动

• 安装依赖包 npm install
• 测试 dll npm run dll 想跳过这一步，需要将public里面的引用dll去除
• 启动 npm run serve

打包优化

输出webpack配置

• 开发环境： npm inspect > webpack.dev.config.js --mode=development
• 研发环境： npm inspect > webpack.pro.config.js --mode=production

开发环境优化

• 编译速度
  • hmr

生产环境优化

• • 文件拆分 splitchunk
• • 冗余文件去除 uglifyjs-webpack-plugin esModule
• • 第三方包单独打包
• • css拆分
• • 利用缓存
• • 去除不必要的预加载

小功能

• • 自动打印当前页面 html2canvas
    • 点击用户图标
    • 添加支持IE11,和内嵌iframe的jquery的写法
• • 需要捕捉print后，弹窗关闭事件
    • 点击功能按钮
    • 打印后，关闭弹窗后，可以执行关闭弹窗的回调
    • 注意： window.print() 捕获不到； window.document.execCommand("print")的返回值只能捕获到外部页面的弹窗关闭事件，iframe中无法捕捉。

• antv x6支持编辑后保存，重新绘图进行交互

  • npm install @antv/x6 --save

• 拖拽

  • npm install draggable -S