Mixing
laravel generates css after npm run dev
up vote
0
down vote
favorite
I am working on a project and I have a couple of views.
I am using the included bootstrap from laravel but in the resources/sass/_variables.scss I changed some of the default colors.
After that, I ran npm run dev to recompile.
After that I checked public/css and there were css files for every view that I created.
Is it possible that laravel mix generated these files?
Also, is it possible to edit these without laravel mix overriding your changes?
webpack.mix.js
let mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel application. By default, we are compiling the Sass
| file for the application as well as bundling up all the JS files.
|
*/
mix.react('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');css laravel laravel-mix
asked yesterday
BlueDragon709
34
New contributor
BlueDragon709 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
up vote
0
down vote
favorite
I am working on a project and I have a couple of views.
I am using the included bootstrap from laravel but in the resources/sass/_variables.scss I changed some of the default colors.
After that, I ran npm run dev to recompile.
After that I checked public/css and there were css files for every view that I created.
Is it possible that laravel mix generated these files?
Also, is it possible to edit these without laravel mix overriding your changes?
webpack.mix.js
let mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel application. By default, we are compiling the Sass
| file for the application as well as bundling up all the JS files.
|
*/
mix.react('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');css laravel laravel-mix
asked yesterday
BlueDragon709
34
New contributor
BlueDragon709 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
1
please add your webpack.mix file
– Fatemeh Majd
yesterday
@FatemehMajd i added it to the bottom of the question
– BlueDragon709
yesterday
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I am working on a project and I have a couple of views.
I am using the included bootstrap from laravel but in the resources/sass/_variables.scss I changed some of the default colors.
After that, I ran npm run dev to recompile.
After that I checked public/css and there were css files for every view that I created.
Is it possible that laravel mix generated these files?
Also, is it possible to edit these without laravel mix overriding your changes?
webpack.mix.js
let mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel application. By default, we are compiling the Sass
| file for the application as well as bundling up all the JS files.
|
*/
mix.react('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');css laravel laravel-mix
asked yesterday
BlueDragon709
34
New contributor
BlueDragon709 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
I am working on a project and I have a couple of views.
I am using the included bootstrap from laravel but in the resources/sass/_variables.scss I changed some of the default colors.
After that, I ran npm run dev to recompile.
After that I checked public/css and there were css files for every view that I created.
Is it possible that laravel mix generated these files?
Also, is it possible to edit these without laravel mix overriding your changes?
webpack.mix.js
let mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel application. By default, we are compiling the Sass
| file for the application as well as bundling up all the JS files.
|
*/
mix.react('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');let mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel application. By default, we are compiling the Sass
| file for the application as well as bundling up all the JS files.
|
*/
mix.react('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');let mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel application. By default, we are compiling the Sass
| file for the application as well as bundling up all the JS files.
|
*/
mix.react('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');css laravel laravel-mix
css laravel laravel-mix
asked yesterday
BlueDragon709
34
New contributor
BlueDragon709 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked yesterday
BlueDragon709
34
New contributor
BlueDragon709 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited yesterday
asked yesterday
BlueDragon709
34
New contributor
BlueDragon709 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked yesterday
BlueDragon709
34
asked yesterday
BlueDragon709
34
34
New contributor
BlueDragon709 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
BlueDragon709 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
BlueDragon709 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
1
please add your webpack.mix file
– Fatemeh Majd
yesterday
@FatemehMajd i added it to the bottom of the question
– BlueDragon709
yesterday
add a comment |
1
please add your webpack.mix file
– Fatemeh Majd
yesterday
@FatemehMajd i added it to the bottom of the question
– BlueDragon709
yesterday
1
1
please add your webpack.mix file
– Fatemeh Majd
yesterday
please add your webpack.mix file
– Fatemeh Majd
yesterday
@FatemehMajd i added it to the bottom of the question
– BlueDragon709
yesterday
@FatemehMajd i added it to the bottom of the question
– BlueDragon709
yesterday
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
accepted
This is exactly what laravel mix is supposed to do. You shouldn't edit the built css files directly. You can find the app.scss file in resources/sass and edit that or if you, for some reason, want to create a css file directly to your public/css directory you can do that too. If you don't use the same file names, mix won't overwrite your files.
answered yesterday
Niko Peltoniemi
1813
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
accepted
This is exactly what laravel mix is supposed to do. You shouldn't edit the built css files directly. You can find the app.scss file in resources/sass and edit that or if you, for some reason, want to create a css file directly to your public/css directory you can do that too. If you don't use the same file names, mix won't overwrite your files.
answered yesterday
Niko Peltoniemi
1813
add a comment |
up vote
0
down vote
accepted
This is exactly what laravel mix is supposed to do. You shouldn't edit the built css files directly. You can find the app.scss file in resources/sass and edit that or if you, for some reason, want to create a css file directly to your public/css directory you can do that too. If you don't use the same file names, mix won't overwrite your files.
answered yesterday
Niko Peltoniemi
1813
add a comment |
up vote
0
down vote
accepted
up vote
0
down vote
accepted
This is exactly what laravel mix is supposed to do. You shouldn't edit the built css files directly. You can find the app.scss file in resources/sass and edit that or if you, for some reason, want to create a css file directly to your public/css directory you can do that too. If you don't use the same file names, mix won't overwrite your files.
answered yesterday
Niko Peltoniemi
1813
This is exactly what laravel mix is supposed to do. You shouldn't edit the built css files directly. You can find the app.scss file in resources/sass and edit that or if you, for some reason, want to create a css file directly to your public/css directory you can do that too. If you don't use the same file names, mix won't overwrite your files.
answered yesterday
Niko Peltoniemi
1813
answered yesterday
Niko Peltoniemi
1813
answered yesterday
Niko Peltoniemi
1813
answered yesterday
Niko Peltoniemi
1813
1813
add a comment |
add a comment |
BlueDragon709 is a new contributor. Be nice, and check out our Code of Conduct.
BlueDragon709 is a new contributor. Be nice, and check out our Code of Conduct.
BlueDragon709 is a new contributor. Be nice, and check out our Code of Conduct.
BlueDragon709 is a new contributor. Be nice, and check out our Code of Conduct.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53372434%2flaravel-generates-css-after-npm-run-dev%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
please add your webpack.mix file
– Fatemeh Majd
yesterday
@FatemehMajd i added it to the bottom of the question
– BlueDragon709
yesterday