taro项目根目录新建webstorm.config.js,进入 WebStorm preferences -> Language & Framework -> JavaScript -> Webpack,选择这个文件即可。
/**
* 由于 taro 不再使用传统的 webpack 配置文件,故 WebStorm 无法识别别名
* 本文件对项目无任何作用,仅作为 WebStorm 识别别名用
* 进入 WebStorm preferences -> Language & Framework -> JavaScript -> Webpack,选择这个文件即可
* */
'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','.jsx','scss'],
alias: {
'@/components': resolve('src/components'),
'@/utils': resolve('src/utils'),
'@/services': resolve('src/services'),
'@/actions': resolve('src/actions'),
'@/assets': resolve('src/assets'),
'@/config': resolve('src/config'),
'@/models': resolve('src/models'),
'@/pages': resolve('src/pages'),
}
}
}