1. 首先在根目录（和src，dist文件夹同一层级）创建一个vue.config.js文件
    在vue.config.js文件中导入模块
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    const path = require('path');
    const webpack = require('webpack');
    function resolve(dir) {
        return path.join(__dirname, dir);
    }
    module.exports = {
        lintOnSave: true,
        chainWebpack: (config) => {
            config
                .plugin('provide')
                .use(webpack.ProvidePlugin, [{
                    store: 'store',
                    $: 'jquery',
                    jquery: 'jquery',
                    jQuery: 'jquery',
                    'window.jQuery': 'jquery'
                }])
            config.resolve.alias
                .set('@', resolve('src'))
                .set('@assets', resolve('src/assets'))
            // 这里只写了两个个，你可以自己再加，按这种格式.set('', resolve(''))
        },

    };
    其中config.resolve.alias是配置路径别名，@表示src，assets表示src/assets

webpack.ProvidePlugin是导入js模块
2. 使用方法

1
2
3
4
5
6
7
//store使用方法
methods: {
    test() {
      store.set("user", { name: "Marcus" });
      console.log(store.get("user").name);
    }
  }

jquery的就不写了，百度一下满天飞。