在 Vue CLI 3 中包含“normalize-scss”答案

【问题标题】：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 规则。

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

import "normalize.css"

【讨论】：

【解决方案4】：

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

【讨论】：