vue bootstrap sass 集成问题

Question

我已经使用 webpack 创建了 vue 应用程序，现在我正在将 vue 与 boostrap-sass 集成，但是出现语法错误我只是不明白为什么会这样

以下是我的文件夹结构

router-app
   src
      assets
         scss
             styles.scss
   node_modules
       bootstrap-sass
            assets
                stylesheets
                    Bootstrap Folder
                    _bootstrap.scss

这是 vue 抛出的错误

ERROR  Failed to compile with 1 errors                                                                         14:10:35

error  in ./src/main.js

 Syntax Error: Unexpected token, expected ( (3:8)

 1 | // The Vue build version to load with the `import` command
 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
> 3 | @import 'assets/scss/styles.css';  //here's the issue
|             ^
 4 | import Vue from 'vue'
 5 | import App from './App'
 6 | import router from './router'

 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

在我的 styles.scss 我有

   @import "../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/variables";
   @import "../node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

任何人都可以让我知道我是否走在正确的轨道上或者我哪里出错了，我们将不胜感激

Answer 1

我是怎么做的

 1. in ur node module folder install bootstrap not bootstrap-sass

2.in main.js

  import './assets/scss/styles.css'; //point to the folder where ur scss and css sass files r kept

3.point 输出到 scc bootstrap.scss 文件`

 @import "../../../node_modules/bootstrap/scss/bootstrap";`

编译文件

注意 - 我没有向 WEBCONFIG 添加加载程序，他们不需要任何

你干杯了:)

vue bootstrap sass 集成问题

vue bootstrap sass integration issues

bootstrap-sass

webpack

vue.js