【前端】svelte支持scss，包管理器是webpack

文章目录

• • 场景
  • 步骤

场景

想让svelte支持scss，不然style里不能嵌套很麻烦。

包管理器是webpack，不是vite。不能使用vitePreprocess。

集成 • SvelteKit 文档 --- Integrations • SvelteKit Docs

步骤

先安装：svelte-preprocess

svelte-preprocess - npm --- svelte-preprocess - npm

在svelte-loader中配置：

module: {
    rules: [
      ...
      {
        test: /\.(html|svelte)$/,
        exclude: /node_modules/,
        use: {
          loader: 'svelte-loader',
          options: {
            preprocess: require('svelte-preprocess')({ /* options */ })
          },
        },
      },
      ...
    ]
  }

再安装sass。

可以使用了。