vue-cli webpack 中全域引入 jquery

標籤：mod   vue-cli   ons   asc   ack   npm   pack   alias   方法   

1.安裝 jQuery

npm install jQuery --save-dev

2.修改 webpack.base.conf.js

方法一

首先加入：

const webpack = require("webpack")

然後在module.exports 對象中加入：

plugins: [  new webpack.optimize.CommonsChunkPlugin(‘common.js‘),  new webpack.ProvidePlugin({    jQuery: "jquery",    $: "jquery"  })]

方法二

先加入：

const webpack = require("webpack")

然後：

resolve: {  extensions: [‘.js‘, ‘.vue‘, ‘.json‘],  alias: {    ‘vue$‘: ‘vue/dist/vue.esm.js‘,    ‘@‘: resolve(‘src‘),    ‘jquery‘: ‘jquery‘  }},

最後：

plugins: [  new webpack.ProvidePlugin({    jQuery: "jquery",    $: "jquery"  })]

.

vue-cli webpack 中全域引入 jquery