在
config/index.js
文件中添加节点
const path = require('path');
const config = {
alias: {
'@components': path.resolve(__dirname, '..', 'src/components'),
'@utils': path.resolve(__dirname, '..', 'src/utils')
}
}
但若要在 Sass 中使用别名,请在
config/index.js
文件中添加节点
(Taro 对样式的处理是 node-sass -> postcss,在 sass 这步就报错了,不能用 postcss-import 插件解决)
备注:目前资源引用时仍无法使用别名,如 background: url('@assets/logo.png')
plugins: {
sass: {
importer: function(url) {
const reg = /^@styles\/(.*)/
return {
file: reg.test(url) ? path.resolve(__dirname, '..', 'src/styles', url.match(reg)[1]) : url
}
}
}
}
如上配置,编译可以通过,但是vscode编辑器爆红。解决办法在
tsconfig.json
中添加如下内容
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@utils": [
"src/utils"
],
"@components": [
"src/components"
],
},
},
}
这样既可在所在的.tsx
文件中使用
import { setGlobalData, getGlobalData } from "@utils";
网友评论