前端性能优化六十二：纯typescript项目npm打包alias别名

(1). webpack.config.js:

module.exports = {
  resolve: {
    alias: {
      '@': path.join(__dirname, 'src')
    },
  }
}

(2). ts.config.js:

{
  "compilerOptions": {
    "moduleResolution": "node",
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"],
    },
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "node_modules",
    "dist"
  ]
}

import store from '@/store'

①. exports字段声明了一个对应关系:
    a. 用import "package"
    b. 用import "package/sub/path"会返回不同的模块,替换了默认返回main字段文件的行为

②. 当指定了exports字段时:
    a. 只有声明了那些模块是可用的
    b. 其他的模块会抛出ModuleNotFound Error

{
  "exports": {
    ".": "./main.js",
    "./sub/path": "./secondary.js",
    "./prefix/": "./directory/",
    "./prefix/deep/": "./other-directory/",
    "./other-prefix/*": "./yet-another/*/*.js"
  }
}