今天使用了一下antd-mobile发现我之前配置的文件别名都失效了,防止下次踩坑记录一下解决方案
打开根目录下的config-overrides.js文件在该文件下重新配置以下别名
const {
override,
fixBabelImports,
addWebpackAlias,
} = require("customize-cra");
const path = require("path");
module.exports = override(
// 配置按需加载
fixBabelImports("import", {
libraryName: "antd-mobile",
style: "css",
}),
// 配置文件别名
addWebpackAlias({
"@": path.resolve(__dirname, "src"),
"@scss": path.resolve(__dirname, "src/assets/scss"),
"@images": path.resolve(__dirname, "src/assets/images"),
"@views": path.resolve(__dirname, "src/views"),
"@network": path.resolve(__dirname, "src/network"),
"@store": path.resolve(__dirname, "src/store"),
"@components": path.resolve(__dirname, "src/components"),
})
);