- 首先在根目录(和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模块
- 使用方法
//store使用方法
methods: {
test() {
store.set("user", { name: "Marcus" });
console.log(store.get("user").name);
}
}
jquery的就不写了,百度一下满天飞。
网友评论