(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"
}
}