Skip to content

vue/cli4升级sass-loader 9.0使用全局注入sass变量后样式消失(vue/cli4对sass-loader 9.0版本的支持问题) #5648

Closed
@zxwk1998

Description

@zxwk1998

Version

4.4.6

Reproduction link

https://github.com/chuzhixin/vue-admin-beautiful

Environment info

System:
    OS: Windows 10 10.0.19041
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  Binaries:
    Node: 14.4.0 - D:\Development\nodejs\node.EXE
    Yarn: 1.22.1 - D:\Development\nodejs\yarn.CMD
    npm: 6.14.5 - D:\Development\nodejs\npm.CMD
  Browsers:
    Edge: 44.19041.1.0
  npmPackages:
    @fortawesome/vue-fontawesome:  0.1.10
    @vue/babel-helper-vue-jsx-merge-props:  1.0.0
    @vue/babel-plugin-transform-vue-jsx:  1.1.2
    @vue/babel-preset-app:  4.4.6
    @vue/babel-preset-jsx:  1.1.2
    @vue/babel-sugar-functional-vue:  1.1.2
    @vue/babel-sugar-inject-h:  1.1.2
    @vue/babel-sugar-v-model:  1.1.2
    @vue/babel-sugar-v-on:  1.1.2
    @vue/cli-overlay:  4.4.6
    @vue/cli-plugin-babel: ^4.4.6 => 4.4.6
    @vue/cli-plugin-eslint: ^4.4.6 => 4.4.6
    @vue/cli-plugin-router: ^4.4.6 => 4.4.6
    @vue/cli-plugin-vuex: ^4.4.6 => 4.4.6
    @vue/cli-service: ^4.4.6 => 4.4.6
    @vue/cli-shared-utils:  4.4.6
    @vue/component-compiler-utils:  3.1.2
    @vue/eslint-config-prettier: ^6.0.0 => 6.0.0
    @vue/preload-webpack-plugin:  1.1.1
    @vue/web-component-wrapper:  1.2.0
    babel-helper-vue-jsx-merge-props:  2.0.3
    eslint-plugin-vue: ^6.2.2 => 6.2.2
    vue: ^2.6.11 => 2.6.11
    vue-cli-webpack:  1.0.0
    vue-echarts: ^5.0.0-beta.0 => 5.0.0-beta.0
    vue-eslint-parser:  7.1.0
    vue-hot-reload-api:  2.3.4
    vue-loader:  15.9.3
    vue-qart: ^2.2.0 => 2.2.0
    vue-router: ^3.3.4 => 3.3.4
    vue-style-loader:  4.1.2
    vue-template-compiler: ^2.6.11 => 2.6.11
    vue-template-es2015-compiler:  1.9.1
    vuedraggable: ^2.23.2 => 2.23.2
    vuex: ^3.5.1 => 3.5.1
  npmGlobalPackages:
    @vue/cli: Not Found

Steps to reproduce

将sass-loader升级至9.0,安照sass-loader9.0文档将8.0 prependData选项修改为additionalData,运行成功但样式全部失效

What is expected?

希望vue/cli文档跟进sass-loader 9.0支持

What is actually happening?

vue/cli文档暂不支持sass-loader 9.0

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions