vue init webpack-simple 模板中全局引入Jquery正确使用方法 可保jQuery插件正常使用

一、安装相关依赖

npm install expose-loader --save-dev

npm install jquery -S

　　二、在webpack.config.js里配置如下：

module: {
    rules: [
      {
        // Exposes jQuery for use outside Webpack build
        test: require.resolve('jquery'),
        use: [{
          loader: 'expose-loader',
          options: 'jQuery'
        },{
          loader: 'expose-loader',
          options: '$'
        }]
      }]
}

new webpack.ProvidePlugin({

$: "jquery",

jQuery: "jquery",

jquery: "jquery",

"window.jQuery": "jquery"

})