[移动开发]解决用webstorm打开taro小程序项目，无法识别alias @的问题

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'),
    }
  }
}