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

時間 2019-12-11

標籤 vue init webpack simple 模板全局引入 jquery 正確使用方法插件正常使用欄目 JQuery 简体版

原文原文鏈接

1、安裝相關依賴javascript

npm install expose-loader --save-dev

npm install jquery -S

　　2、在webpack.config.js裏配置以下：java

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"

})