Vue Cli3导入npm安装的js库(jQuery,store.js)

1,028 阅读1分钟
  1. 首先在根目录(和src,dist文件夹同一层级)创建一个vue.config.js文件 在vue.config.js文件中导入模块
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. 使用方法

//store使用方法
methods: {
    test() {
      store.set("user", { name: "Marcus" });
      console.log(store.get("user").name);
    }
  }

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