# 使用NPM部署第三方框架库

# 示例部署Echarts

1、使用npm安装Echarts

npm install echarts --save

project
├── node_modules
│   └── echarts 
├── package.json
└── src                     
    └── views               
        └── 页面名称
            ├── index.html
            └── index.js     //页面JS入口文件

2、在src/views/页面名称/index.js文件引入使用Echarts

// src/views/页面名称/index.js

var echarts = require('echarts');

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 绘制图表
myChart.setOption({
    title: {
        text: 'ECharts 入门示例'
    },
    tooltip: {},
    xAxis: {
        data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
    }]
});

发布代码时会自动合并第三框架库并生成vendor-webpack.js和vendor-webpack.css。