首页 >> js开发 >> js基于vue项目设置resolves.alias: '@'路径并适配webstormjs大全
js基于vue项目设置resolves.alias: '@'路径并适配webstormjs大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
在webpack的配置项中添加下面代码
function resolve (dir) {
return path.join(__dirname, dir)
}
webpackConfig = {
resolve: {
alias: {
'@': resolve('src')
}
}
}
function resolve (dir) {
return path.join(__dirname, dir)
}
webpackConfig = {
resolve: {
alias: {
'@': resolve('src')
}
}
}然后再设置一下下,在你的IDE中按住CTRL就能根据路径跳转到对应文件了描述: ctrl+alt+s 搜索 webpack 然后选择\node_modules\@vue\cli-service\webpack.config.js 文件 点击 OK以上就是本文的全部内容,希望对大家的学习有所帮助。
function resolve (dir) {
return path.join(__dirname, dir)
}
webpackConfig = {
resolve: {
alias: {
'@': resolve('src')
}
}
}
function resolve (dir) {
return path.join(__dirname, dir)
}
webpackConfig = {
resolve: {
alias: {
'@': resolve('src')
}
}
}然后再设置一下下,在你的IDE中按住CTRL就能根据路径跳转到对应文件了描述: ctrl+alt+s 搜索 webpack 然后选择\node_modules\@vue\cli-service\webpack.config.js 文件 点击 OK以上就是本文的全部内容,希望对大家的学习有所帮助。
相关文章:
- jsVue如何实现验证码输入交互js大全
- jsJavascript节流函数throttle和防抖函数debouncejs大全
- JavaScript解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
- JavaScriptjs调用网络摄像头的方法
- JavaScript10分钟学会js处理json的常用方法
- js代码JavaScript实现浏览器网页自动滚动并点击的示例代码
- js小程序角标的添加及绑定购物车数量进行实时更新的实现代码js大全
- jsvue中如何自定义右键菜单详解js大全
- JavaScript可拖拽组件slider.js使用方法详解
- js简单谈谈offsetleft、offsetTop和offsetParentjs大全