美文网首页工作生活
Vue Cli3导入npm安装的js库(jQuery,store

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

作者: FateOfKing | 来源:发表于2019-07-01 09:55 被阅读0次
  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模块

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

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

相关文章

网友评论

    本文标题:Vue Cli3导入npm安装的js库(jQuery,store

    本文链接:https://www.haomeiwen.com/subject/uimwcctx.html