基于创建ts项目暴露webpack-config文件

    首先进入webpack.config.js文件，找到alias，新增别名

    1. alias: {
    2.     // Support React Native Web
    3.     // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
    4.     'react-native': 'react-native-web',
    5.     // Allows for better profiling with ReactDevTools
    6.     ...(isEnvProductionProfile && {
    7.         'react-dom$': 'react-dom/profiling',
    8.         'scheduler/tracing': 'scheduler/tracing-profiling',
    9.     }),
    10.     ...(modules.webpackAliases || {}),
    11.       // 这里新增
    12. +    '@': path.resolve(__dirname, '../src')
    13. },

    找到tsconfig.json文件，没有的话可以创建一个，下面是我自己的配置

    1. {
    2.   "compilerOptions": {
    3.     "target": "esnext",
    4.     "module": "esnext",
    5.     "moduleResolution": "node",
    6.     "importHelpers": true,
    7.     "jsx": "react",
    8.     "esModuleInterop": true,
    9.     "sourceMap": true,
    10.     "baseUrl": "./",
    11.     "strict": true,
    12. +    "paths": {
    13. +      "@/*": ["src/*"],
    14. +    },
    15.     "allowSyntheticDefaultImports": true
    16.   },
    17.   "include": [
    18.     "src/mock/**/*",
    19.     "src/**/*",
    20.     "config/**/*",
    21.     "typings.d.ts",
    22.     "images.d.ts"
    23.   ]
    24. }

    在compilerOptions下新增paths内容，就可以正常使用@/路径了

    第二次配置，第一次很久之前找了很多教程各种配置都有(然后还没成功！)，相对还是觉得这种比较方便，记录下，方便下次使用