vue+highcharts项目如何打包配置

首先需要安装 vue-cli，可以使用命令 npm install -g vue-cli 进行安装。

在命令行中使用 vue init webpack my-project 创建一个新的 Vue 项目，其中 my-project 是项目名称，可以根据实际情况进行修改。

进入项目目录，安装 highcharts 和 highcharts-vue，可以使用命令 npm install highcharts highcharts-vue --save 进行安装。

在 main.js 中引入 highcharts 和 highcharts-vue：

import HighchartsVue from 'highcharts-vue'
import Highcharts from 'highcharts'
Vue.use(HighchartsVue)

在需要使用 Highcharts 的组件中引入 highcharts 和 highcharts-vue：

import { VueHighcharts } from 'vue-highcharts'
export default {
  components: {
    VueHighcharts
  }
}

在组件中定义 Highcharts 的配置项，可以参考 Highcharts 的官方文档进行配置。

在组件中使用 VueHighcharts 组件，并传入配置项：

<vue-highcharts :options="chartOptions"></vue-highcharts>

打包项目，可以使用命令 npm run build 进行打包。打包后的文件会放在 dist 目录下。

如果需要将打包后的文件部署到服务器中，可以使用 nginx 或者 Apache 等服务器软件进行部署。需要注意的是，如果使用了 vue-router，需要配置服务器的路由规则