我正在创建一个与webpack. 我正在sass项目中使用,所有scss文件都位于scss根目录中。我在名为 的目录中创建了一些部分内容partials。目录结构如下所示:
在文件的顶部quiz.module.scss,我有这个:
@use "colors" as *;\n@use "font";\nRun Code Online (Sandbox Code Playgroud)\n我不想写@use "partials/colors"and @use "partials/font",所以我决定将其包含在所使用的scss/partials列表中。我的某个地方有这个loadPathsscsswebpack.dev.js:
const PATHS_TO_SASS_PARTIALS = ["scss/partials"]\nRun Code Online (Sandbox Code Playgroud)\n这在其他地方:
\n{\n test: /\\.module\\.scss$/,\n use: [\n {\n loader: "style-loader"\n },\n {\n loader: "css-loader",\n options: {\n modules: {\n mode: "local"\n }\n }\n },\n {\n loader: "resolve-url-loader"\n },\n {\n loader: "sass-loader",\n options: {\n sourceMap: true,\n sassOptions: …Run Code Online (Sandbox Code Playgroud)