Is there a simple way to add new CSS tags into an imported SCSS file like the example below?
@import "general/global"
with the following content:
body {
background-color: #999;
}
Although it compiles successfully with Elixir (using npm run dev and npm run watch with webpack), I am encountering errors in my console stating "unexpected token". Upon checking both compiled files app.css and app.js, I came across this issue:
https://i.sstatic.net/qQlkf.png
or
https://i.sstatic.net/zHf0N.png
I have already attempted running "npm install", "npm update", deleting the node_modules folder, etc. but nothing seems to resolve the problem. Does anyone have any suggestions or ideas on how to fix this?
EDIT:
Here is my webpack.js configuration:
let mix = require('laravel-mix');
mix.browserSync('http://192.168.99.100/');
mix.js([
'node_modules/jquery/dist/jquery.min.js',
'node_modules/bootstrap/dist/js/bootstrap.js',
'resources/assets/js/app.js'
], 'public/js/app.js')
.sass('resources/assets/sass/app.scss', 'public/css/app.css');
Currently using bootstrap 4 alpha6 on Windows 10 Pro with Laravel 5.4 latest version.