vue bootstrap sass проблемы интеграции - PullRequest
Новая
       39

vue bootstrap sass проблемы интеграции

0 голосов
/ 16 октября 2018

Я создал приложение vue с помощью веб-пакета, и теперь я интегрирую vue с boostrap-sass, но возникает синтаксическая ошибка. Я просто не понимаю, почему так

Ниже приведена структура папок 

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

Это ошибка vue throws 

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";

Может кто-нибудь дать мне знать, иду ли я по правильному пути илив любом месте, где я иду не так, любая помощь приветствуется

1 Ответ

0 голосов
/ 16 октября 2018

как я это сделал 

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

2. в main.js 

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

3. указать на файл scc bootstrap.scss `

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

скомпилируйте файлы

ПРИМЕЧАНИЕ. - Я НЕ ДОБАВЛЕН ПОГРУЗЧИК В WEBCONFIG ИХ НИЧЕГО НЕ НУЖЕН

и все готово:)

...