第一種方式
webstorm設(shè)置點擊文件路徑快捷跳轉(zhuǎn)
1、點擊左上角File -> settings
image.png
2、搜索webpack
image.png
3、選擇當(dāng)前項目下 node_modules@vue\cli-service\webpack.config.js
第二種方式：
基于webstrom開發(fā)工具的
在webstorm中實現(xiàn)在vue項目中通過別名@實現(xiàn)點擊跳轉(zhuǎn)對應(yīng)方法或文件
'use strict'
const path = require('path')
function resolve (dir) {
return path.join(__dirname, '.', dir)
}
module.exports = {
context: path.resolve(__dirname, './'),
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'@': resolve('src'),
'@views': resolve('src/views'),
'@comp': resolve('src/components'),
'@core': resolve('src/core'),
'@utils': resolve('src/utils')
}
}
}
1，項目根目錄創(chuàng)建webstorm.config.js文件卖鲤，復(fù)制上面代碼實現(xiàn)標(biāo)題功能
2，settings->languages $ framerworks -> javascript -> webpack
image.png
第三種方式 vue-cli創(chuàng)建的項目還需要創(chuàng)建webpack-config.js文件嗎畴嘶？
image.png
紅色標(biāo)記 這個就是webpack配置文件
vue-cil創(chuàng)建好了
內(nèi)容如下：
image.png
