fix

config/index.js

+const path = require('path')
+
+// NOTE 在 sass 中通过别名（@ 或 ~）引用需要指定路径
+const lessImporter = function (url) {
+  if (url[0] === '~' && url[1] !== '/') {
+    return {
+      file: path.resolve(__dirname, '..', 'node_modules', url.substr(1))
+    }
+  }
+
+  const reg = /^@styles\/(.*)/
+  return {
+    file: reg.test(url) ? path.resolve(__dirname, '..', 'src/styles', url.match(reg)[1]) : url
+  }
+}
+
 const config = {
 const config = {
   projectName: 'Vmatrix-client-taro',
   projectName: 'Vmatrix-client-taro',
   date: '2019-8-6',
   date: '2019-8-6',
@@ -11,11 +27,11 @@ const config = {
   outputRoot: 'dist',
   outputRoot: 'dist',
   alias: {
   alias: {
     '@/': path.resolve(__dirname, '..', 'src'),
     '@/': path.resolve(__dirname, '..', 'src'),
-    '@api/': path.resolve(__dirname, '..', 'src/api'),
-    '@pages/': path.resolve(__dirname, '..', 'src/pages'),
-    '@actions/': path.resolve(__dirname, '..', 'src/actions'),
-    '@constants/': path.resolve(__dirname, '..', 'src/constants'),
-    '@conpoments/': path.resolve(__dirname, '..', 'src/conpoments'),
+    '@/api': path.resolve(__dirname, '..', 'src/api'),
+    '@/pages': path.resolve(__dirname, '..', 'src/pages'),
+    '@/actions': path.resolve(__dirname, '..', 'src/actions'),
+    '@/constants': path.resolve(__dirname, '..', 'src/constants'),
+    '@/conpoments': path.resolve(__dirname, '..', 'src/conpoments'),
   },
   },
   plugins: {
   plugins: {
     babel: {
     babel: {
@@ -30,6 +46,9 @@ const config = {
         'transform-class-properties',
         'transform-class-properties',
         'transform-object-rest-spread'
         'transform-object-rest-spread'
       ]
       ]
+    },
+    less: {
+      importer: lessImporter
     }
     }
   },
   },
   defineConstants: {
   defineConstants: {
@@ -97,6 +116,9 @@ const config = {
             generateScopedName: '[name]__[local]___[hash:base64:5]'
             generateScopedName: '[name]__[local]___[hash:base64:5]'
           }
           }
         }
         }
+      },
+      lessLoaderOption: {
+        importer: lessImporter
       }
       }
     }
     }
   }
   }

src/pages/home/tempaltes/index.tsx

@@ -3,7 +3,7 @@ import TempItem from './temp_item/temp_item'
 import Taro, { Component, Config } from '@tarojs/taro'
 import Taro, { Component, Config } from '@tarojs/taro'
 import { View, Text, Input, ScrollView, Image } from '@tarojs/components'
 import { View, Text, Input, ScrollView, Image } from '@tarojs/components'
 import './index.less'
 import './index.less'
-import api from '@api/index'
+import api from '@/api/index'
 
 
 type PageStateProps = {}
 type PageStateProps = {}
 
 

tsconfig.json

@@ -22,11 +22,11 @@
     "typeRoots": ["node_modules/@types"],
     "typeRoots": ["node_modules/@types"],
     "paths": {
     "paths": {
       "@/*": ["*"],
       "@/*": ["*"],
-      "@api/*": ["api/*"],
-      "@pages/*": ["pages/*"],
-      "@actions/*": ["actions/*"],
-      "@constants/*": ["constants/*"],
-      "@conpoments/*": ["conpoments/*"]
+      "@/api*": ["api/*"],
+      "@/pages*": ["pages/*"],
+      "@/actions*": ["actions/*"],
+      "@/constants*": ["constants/*"],
+      "@/conpoments*": ["conpoments/*"]
     }
     }
   },
   },
   "exclude": ["node_modules", "dist"],
   "exclude": ["node_modules", "dist"],