小编Abd*_*mil的帖子

如何将 loadPath 与 sass-loader 和 webpack 一起使用?

我正在创建一个与webpack. 我正在sass项目中使用,所有scss文件都位于scss根目录中。我在名为 的目录中创建了一些部分内容partials。目录结构如下所示:

\n

测验应用程序的目录结构

\n

在文件的顶部quiz.module.scss,我有这个:

\n
@use "colors" as *;\n@use "font";\n
Run Code Online (Sandbox Code Playgroud)\n

我不想写@use "partials/colors"and @use "partials/font",所以我决定将其包含在所使用的scss/partials列表中。我的某个地方有这个loadPathsscsswebpack.dev.js

\n
const PATHS_TO_SASS_PARTIALS = ["scss/partials"]\n
Run 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)

sass webpack webpack-dev-server sass-loader dart-sass

5
推荐指数
0
解决办法
339
查看次数