在Vue CLI 3中包括'normalize-scss'

Question

只需将软件包normalize-scss添加到我的新Vue项目中，但是没有一种样式正在应用...我已经尝试了这两种样式：

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

中

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

我做错什么了吗？显然，该软件包存在于此，因为该应用可以运行，但实际上并未应用任何CSS规则。

Answer 1

我知道了。导入后，需要放置normalize()。所以：

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

Answer 2

如果您具有主/全局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

Answer 3

不确定这是否是正确的方法，但是，如果您使用的是vue-templates，则可以尝试导入样式：

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

还请记住，请勿在样式标签中使用scoped。您还需要scss loader和node-sass才能完成这项工作。

Answer 4

使用npm安装后，将其导入main.js文件顶部：

import "normalize.css"