关于vue+webpack全局npm包全局引用的配置。

2024年1月23日 283次阅读 来源: nextdooroldwang

本例用的是vue官方脚手架vue-cli。

一，npm install好你需要使用的插件。

二，打开build文件夹下的webpack.base.conf文件。

三，在文件开头引入webpack（下边暴露全局需要用到webpack）：var webpack = require('webpack')

四，在module.exports的最后面加上以下代码，把插件暴露全局：

plugins: [
      new webpack.ProvidePlugin({
          axios: 'axios',
          e: 'echarts'
      })
   ]

五，然后就可以在所有组件里使用所暴露的插件了，无需import再次引用。

let myChart = e.init()
    原文作者：nextdooroldwang
    原文地址: https://segmentfault.com/a/1190000007405046
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞