Question

我正在尝试为 App.vue 中的scss项目填充Vue-cli文件

<style lang="scss">
  @import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i|Rubik:300,400,500,700,700i,900');
  @import "../node_modules/bootstrap/scss/bootstrap";
  @import "./assets/css/style";
</style>

从节点模块引导SCSS可以正常工作，但是当我将style.scss放在资产文件夹中时，它不起作用！

Answer 1

从您的main.js文件中导入，就像这样：

import '@/assets/css/style';

Answer 2

我必须在vue.config.js主目录上创建一个Vue CLI 3+文件，其中必须包含以下代码段

module.exports = {
   css: {
    loaderOptions: {
        sass: {
            data: `
      @import "@/assets/css/style.scss";
    `
        }
     }
   }
};

Vue-CLI导入全局scss文件

2 个答案: