vue项目中先引用测试自己打包的插件

1.webpack.base.conf.js里

 externals:{
    'vue-fabric-canvas':'fabricCanvas'
  },
output: {……

2.main.js里引入dist生成的js插件

const fabricCanvas = require('../static/js/fabric/vue-fabric-canvas.min');
Vue.use(fabricCanvas.FabricCanvas);

3.index.html中引入插件css:

 <link rel="stylesheet" href="./static/js/fabric/vue-fabric-canvas.min.css" />

4.项目npm run dev;

5.页面使用：

<fabric-canvas ref="canvas" :width="width" :height="height" :boxWidth="boxWidth" :boxHeight="boxHeight" :stepLengthp="stepLength" id="can"></fabric-canvas>