//vite.config.js
css: {
preprocessorOptions: {
//define global scss variable
scss: {
additionalData: `@import '@/styles/variables.scss';`,
},
},
}
只有在main.js引入一个其他scss文件或者在.vue文件中使用<style lang="scss"><style>，并且里面有内容，则 scss.additionalData 配置的全局scss文件就可以正确引入了，建议我们在 scss.additionalData 引入的文件最好只写scss变量，别写css变量，因为css变量是运行时属性。
关于Vite环境变量的配置 在vite.config.js中首先在这个配置文件中我们是拿不到import.meta...
搭建第一个 Vite 项目 yarn 安装 cesium 安装 vite 插件 配置 vite.config.js...
关于vite初始化项目参考自 https://vitejs.cn/[https://vitejs.cn/]配置基于...
第一步，vite 配置vite.config.ts 文件增加 resolve.alias 配置 如果“path”有...
通过 vite-plugin-svg-icons 插件封装SvgIcon组件 配置 vite.config.ts ...
局部安装vite 全局安装vite 使用 安装完成之后运行： 可以配置.env的开发环境、测试环境、生产环境 配置...
配置vite.config.ts 使用
使用vite-plugin-svg-icons插件 vite.config.ts 中的配置插件 在 src/mai...
路径别名同样需要在vite.config.ts中配置，此时具体配置如下：
一、安装 二、使用 我们使用vite初始化react项目: 更多关于vite的使用，参考vite官网[https:...
本文标题：关于Vite配置preprocessorOptions.scss
本文链接：https://www.haomeiwen.com/subject/gzdfwdtx.html
网友评论