loader: "sass-loader", options: { data: ` $env: ${process.env.NODE_ENV}; @import "sass/_fn.scss"; @import "sass/_mixins.scss"; @import "sass/_var.scss"; ` } } 报错原因: 新版sass-loader改了options参数名,把data改为了prependData,参考:https://github.com/webpack-contrib/sass-load...
loader:"sass-loader", options: { data: ` $env: ${process.env.NODE_ENV}; @import"sass/_fn.scss"; @import"sass/_mixins.scss"; @import"sass/_var.scss"; ` } } 报错原因: 新版sass-loader改了options参数名,把data改为了prependData,参考:https://github.com/webpack-contrib/sass-loader#pre...
换肤的实现原理是通过sass-loader中的prependData属性,在构建过程中将自定义的样式变量添加到每个scss样式文件的头部。这样做可以覆盖默认设置的样式变量,从而实现换肤的效果。 以下是根据实际项目代码简化的示例代码: // config-overrides.js function rewireSassLoader(config, tenantId) { // 查找对应的rule const rul...
报错原因: 新版sass-loader改了options参数名,把data改为了prependData,参考:https://github.com/webpack-contrib/sass-loader#prependdata // ... css: { loaderOptions: { sass: { data: ` @import "@/assets/styles/_variable.scss"; ` } } } } 正确配置 // ...css:{loaderOptions:{less:{additio...
使用vue inspect 命令查看到css loader options中有prependData的配置项,去sass-loader github上查阅更新记录发现9.0.0的版本升级中去掉了prependData,升...
例如,从sass-loader的某个版本开始,data选项被重命名为prependData,而在更晚的版本中,prependData可能又被移除或替换为其他选项。 3. 审查项目配置 打开你的webpack配置文件(如vue.config.js或webpack.config.js),查找与sass-loader相关的配置部分。特别关注是否有使用到data、prependData或additionalData等选项,并...
module.exports={css:{loaderOptions:{scss:{additionalData:`@import"~@/assets/scss/index.scss";`},sass:{additionalData:`@import"~@/assets/scss/index.scss";`}},},} 经官方寻找的版本号,node-sass上有 node和 node-sass 对应版本号。
sass: {//加载全局scss文件additionalData: '@import "@/assets/css/common/common.scss";'} } }, } 1. 2. 3. 4. 5. 6. 7. 8. 9. 由于sass-loader版本不同,loaderOptions中additionalData的键名也不同, sass-loader v8-, 选项名是 "data"sass-loader v8,选项名是 "prependData"sass-loader v10...
module.exports = { module: { rules: [ { test: /\.s[ac]ss$/i, use: [ 'style-loader', 'css-loader', { loader: 'sass-loader', options: { data: '$env: ' + process.env.NODE_ENV + ';', }, }, ], }, ], }, };
sass-loader 8.0.0 -> 10.0.0 Changelog prependData -> additionalData prependData detail additionalData detail 功能应该一样,兼容下 prependData 选项就可以,走 sassLoaderOptions 的方式应该没问题,但是如果是走 webpack-chain 改的 sass-loader 好像就没办法了?