data is no longer a valid setting for sass-loader

[astr0sl0th]

When generating a new project with the vue-cli I got had issues configuring my cssLoader options due to the data option being deprecated and prependData being used instead. By using prependData I got my mixins and variables to import correctly.

prependData is now used to import your mixins, variables, etc. Please see https://webpack.js.org/loaders/sass-loader/#prependdata

What kind of change does this PR introduce? (check at least one)

• Bugfix
• Feature
• Code style update
• Refactor
• Docs
• Underlying tools
• Other, please describe:

Does this PR introduce a breaking change? (check one)

• Yes
• No

Other information:

[sodatea]

Vue CLI 3.11 is not fully compatible with sass-loader@8. That's why if you choose sass on vue create, it generates a project with sass-loader@7.

So with regard to the documentation, I think it may be a better solution to add a reminder on the sass-loader version than to update the configuration field.

Note: sass-loader@8 is supported is supported in Vue CLI 4.0 rc. But we currently don't have the capacity to backport it to Vue CLI v3 and fully test it. A new release in v3 may come later this month. Before that, please stick with sass-loader@7.

[astr0sl0th]

@sodatea Would a simple comment suffice?

[sodatea]

Yeah, I think so.

[DRoet]

this can be closed in favor of #4662?

[sodatea]

Yeah, fixed in 3.12