diff --git a/docs/guide/css.md b/docs/guide/css.md index 638633c34b..725341e52c 100644 --- a/docs/guide/css.md +++ b/docs/guide/css.md @@ -133,17 +133,17 @@ module.exports = { // pass options to sass-loader // @/ is an alias to src/ // so this assumes you have a file named `src/variables.sass` - // Note: this option is named as "data" in sass-loader v7 + // Note: this option is named as "prependData" in sass-loader v8 sass: { - prependData: `@import "~@/variables.sass"` + additionalData: `@import "~@/variables.sass"` }, // by default the `sass` option will apply to both syntaxes // because `scss` syntax is also processed by sass-loader underlyingly - // but when configuring the `data` option + // but when configuring the `prependData` option // `scss` syntax requires an semicolon at the end of a statement, while `sass` syntax requires none // in that case, we can target the `scss` syntax separately using the `scss` option scss: { - prependData: `@import "~@/variables.scss";` + additionalData: `@import "~@/variables.scss";` }, // pass Less.js Options to less-loader less:{ diff --git a/docs/ru/guide/css.md b/docs/ru/guide/css.md index 1e667dda2b..5e38485a97 100644 --- a/docs/ru/guide/css.md +++ b/docs/ru/guide/css.md @@ -135,17 +135,17 @@ module.exports = { // передача настроек в sass-loader // @/ это псевдоним к каталогу src/ поэтому предполагается, // что у вас в проекте есть файл `src/variables.scss` - // Примечание: эта опция называется "data" в sass-loader v7 + // Примечание: эта опция называется "prependData" в sass-loader v8 sass: { - prependData: `@import "~@/variables.sass"` + additionalData: `@import "~@/variables.sass"` }, // по умолчанию опция `sass` будет применяться к обоим синтаксисам // потому что синтаксис `scss` по сути также обрабатывается sass-loader - // но при настройке опции `data` синтаксис `scss` требует точку с запятой + // но при настройке опции `prependData` синтаксис `scss` требует точку с запятой // в конце оператора, в то время как для `sass` точки с запятой не требуется // в этом случае синтаксис `scss` можно настроить отдельно с помощью опции `scss` scss: { - prependData: `@import "~@/variables.scss";` + additionalData: `@import "~@/variables.scss";` }, // передача настроек Less.js в less-loader less:{ diff --git a/docs/zh/guide/css.md b/docs/zh/guide/css.md index 687f5100f4..b554cdb002 100644 --- a/docs/zh/guide/css.md +++ b/docs/zh/guide/css.md @@ -126,29 +126,16 @@ module.exports = { sass: { // @/ 是 src/ 的别名 // 所以这里假设你有 `src/variables.sass` 这个文件 - // 注意:在 sass-loader v7 中,这个选项名是 "data" - prependData: `@import "~@/variables.sass"` + // 注意:在 sass-loader v8 中,这个选项名是 "prependData" + additionalData: `@import "~@/variables.sass"` }, // 默认情况下 `sass` 选项会同时对 `sass` 和 `scss` 语法同时生效 // 因为 `scss` 语法在内部也是由 sass-loader 处理的 - // 但是在配置 `data` 选项的时候 + // 但是在配置 `prependData` 选项的时候 // `scss` 语法会要求语句结尾必须有分号,`sass` 则要求必须没有分号 // 在这种情况下,我们可以使用 `scss` 选项,对 `scss` 语法进行单独配置 scss: { - // sass-loader v8语法 - // prependData: `@import "~@/variables.scss";` - // sass-loader v9语法 - additionalData(content, loaderContext) { - const { resourcePath, rootContext } = loaderContext; - const relativePath = path.relative(rootContext, resourcePath); - if ( - relativePath.replace(/\\/g, "/") !== "src/styles/variables.scss" - ) { - return '@import "~@/styles/variables.scss";' + content; - } - return content; - }, - + additionalData: `@import "~@/variables.scss";` }, // 给 less-loader 传递 Less.js 相关选项 less:{