【问题标题】:Include 'normalize-scss' in Vue CLI 3在 Vue CLI 3 中包含“normalize-scss”
【发布时间】:2019-01-19 06:38:03
【问题描述】:

刚刚将包 normalize-scss 添加到我的新 Vue 项目中,但没有应用任何样式...我都尝试了:

@import 'normalize-scss' 在我的styles.scss

import 'normalize-scss' 在我的main.js 页面中

我做错了吗?该包显然在那里,因为应用程序运行,但它实际上并没有应用任何 css 规则。

【问题讨论】:

标签: vue.js sass vue-cli normalize-css


【解决方案1】:

不确定这是否是正确的方法,但是,如果您使用 vue-templates,也许您可​​以尝试导入样式:

<style lang="scss">
  @import 'src/assets/css/mycss_lib.css';
</style>

另外请记住,不要在样式标签中使用scoped。您还需要 scss loadernode-sass 来完成这项工作。

【讨论】:

  • 这适用于我手动添加的样式表,但不适用于这个包。
【解决方案2】:

我想通了。导入后,您需要将 normalize() 放入 main.scss 文件中。所以:

@import 'normalize-scss';
@include normalize();

【讨论】:

    【解决方案3】:

    使用 npm 安装后,将其导入 main.js 文件的顶部:

    import "normalize.css"
    

    【讨论】:

    • 就我而言,我不得不使用import "~normalize.css"
    【解决方案4】:

    如果您已经使用了主/全局 scss 文件:

    1. 将 normalize.css(其中任何一个)添加到您的项目中:yarn add normalize.css(或 npm)
    2. 在你的 main.scss 例如:@import '~normalize.css';

    注意 ~ 的歧义,因为 cli 文档说:https://cli.vuejs.org/guide/css.html#referencing-assets

    【讨论】:

      猜你喜欢
      • 2022-06-23
      • 2018-10-20
      • 2019-11-01
      • 1970-01-01
      • 2020-08-29
      • 2017-01-02
      • 2019-06-12
      • 2017-12-12
      • 2022-09-24
      相关资源
      最近更新 更多