vite svelte添加less

安装命令

npm install --save-dev svelte-preprocess-less less

 在rollup.config.js进行配置

import { less } from 'svelte-preprocess-less';

export default {
  plugins: [
    svelte({
      preprocess: {
        style: less(),
      },
    }),
  ],
};

或者在vite.config.js进行配置

import { less } from 'svelte-preprocess-less'
export default defineConfig({
    plugins: [svelte({
        preprocess: {
          style: less(),
        },
      })],
})

组件中<style>要携带类型为type=“text/less”或lang=“less” 不然less不处理

因人而异，部分开发者会出现奇奇怪怪的错误可以尝试执行以下命令

npm install less

npm install less-loader

2021年8月20日17:08:11

解决了一个问题

在VScode编辑器样式这一块一直有一个红点提示，是装了less的

<style lang="less">

看了一下提示内容，找到路径，根据提示错误的位置找路径

我的目录是这个

C:\Users\Administrator\.vscode\extensions\svelte.svelte-vscode-nightly-99.1.43

进入该目录执行

npm i less

安装完毕后，发现红色提示神奇般的不见了

具体参考链接：svelte-preprocess-less - npm