Taro scss引入文件设置

Taro scss引入文件设置

Taro中在scss引入其他文件他报错

网上找了很多资料各种解决方法都不行

./src/pages/application/index.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
    ╷
290 │ @import '~@src/styles/taro-ui/tabs.scss';
    │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
  src\pages\application\index.scss 290:9  root stylesheet

projectDirectory

最后在官网中找到方案

指定项目根目录路径形式，这样你就可以在 resource 里写相对路径了。

module.exports = {
  // ...
	sass: {
	  resource: [
	    path.resolve(__dirname, '..', 'src/styles/base/color.css'),
	    path.resolve(__dirname, '..', 'src/styles/theme/theme.css'),
	  ],
	  projectDirectory: path.resolve(__dirname, '..'),
	},
}