39

私のプロジェクト構造:

webpack.config.js
app--

   --> src
   ---->> components
   ------>>> myComponent.js
   ------>>> myComponent.scss

   --> styles
   ---->> variables.scss

webpack.config module.exports で:

...
resolve: {
    alias: {
       styles: path.join(__dirname, 'app/styles') 
   }
}

私のファイル - myComponent.scss:

@import "styles/variables";

bundle.js のビルド時に次のエラーが発生します。

Module build failed:
@import "styles/variables";
^
      File to import not found or unreadable: styles/variables

sass ファイルでエイリアスを @import するにはどうすればよいですか?

4

4 に答える 4

91

以下を使用して、webpack で定義したエイリアスをスタイルシートで使用できました。

@import '~alias/variables';

here~のドキュメントで示唆されているように、エイリアスにプレフィックスを付けるだけでうまくいきました

于 2016-04-13T11:11:48.093 に答える
8

この件に関連する別の修正、削除.scss

@import '~scss/common.scss';

する必要があります

@import '~scss/common';
于 2016-11-07T21:23:16.333 に答える
3

webpack.config.jsファイルは既にフォルダーにあるため/app、エイリアスは次のようにすべきではありません。

resolve: {
   alias: {
       styles: path.join(__dirname, 'styles') 
   }
}

?

于 2016-01-11T19:12:16.823 に答える