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

本例用的是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()
本例用的是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()
经验分享 程序员 微信小程序 职场和发展