在vue3+vite项目中,使用低sass版本低于2.0.0的,会有上面这个警告
运行项目,会出现下面警告:
下面处理警告,
方法一:
在vite.config.[js/ts]
. 文件中
export default defineConfig({ css: { preprocessorOptions: { // 如果'modern-compiler'不管用,可换成"modern" scss: { api: 'modern-compiler' // or "modern" } } }})
方法二:
在vite.config.[js/ts]
. 文件中
//vite.config.tsexport default defineConfig({ //..other config css: { preprocessorOptions: { scss: { silenceDeprecations: ["legacy-js-api"], }, }, },})
注意,在方法二可以和 指定scss公用文件api共存,方法一的不行
在使用方法二,还可以共存scss公用文件api(additionalData),如下:
//vite.config.tsexport default defineConfig({ //..other config css: { preprocessorOptions: { scss: { additionalData: '@import "./src/assets/scss/var.scss";', // 公用的scss属性文件 silenceDeprecations: ["legacy-js-api"], // 去除警告提示 Deprecation Warning... } }, },})