在VueJS应用程序上添加静态css / js的正确方法是什么？

Question

我已经看到了与此问题相关的多个问题，但我仍然无法理解添加静态CSS的正确方法。以正确的方式将静态CSS添加到“静态”文件夹中？

我在互联网上找到的一些建议是：

• 需要main.js上的CSS
• 将CSS添加到静态文件夹并使用指向静态目录上的文件的链接标记

我想知道哪一个是最正确的。

谢谢。

Answer 1

如果您正在使用webpack，您只需在主js配置中导入样式表，所有组件都将获得css。像这样 ：

require('./assets/css/main.css');

Answer 2

使用sass，我在我的主App.vue文件的样式标记中导入我的app.scss文件

<style lang="scss">
  @import './styles/app.scss';
</style>

然后在我的app.scss文件中导入任何其他sass文件。