【前端开发】vue脚手架导入jquery

1. npm install jquery --save
2. 在“webpack.base.conf.js”文件中修改如下：

var webpack = require("webpack")
module.exports = {
    // 其他代码...
    resolve: {
        extensions: ['', '.js', '.vue'],
        fallback: [path.join(__dirname, '../node_modules')],
        alias: {
            'src': path.resolve(__dirname, '../src'),
            'assets': path.resolve(__dirname, '../src/assets'),
            'components': path.resolve(__dirname, '../src/components'),

            // webpack 使用 jQuery，如果是自行下载的
            // 'jquery': path.resolve(__dirname, '../src/assets/libs/jquery/jquery.min'),
            // 如果使用NPM安装的jQuery
            'jquery': 'jquery'
        }
    },

    // 增加一个plugins
    plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery"
        })
    ],

    // 其他代码...

}

3. 在所用到页面导入

import $ from 'jquery'