Working with component css files in workspaces in chrome with angular cli 6 project
up vote
4
down vote
favorite
I'm trying to use Google Chrome workspaces with CSS persistent editing in an Angular 6/7 CLI project.
When adding "extractCSS:true" in angular.json configuration and using "--source-map=true" flag I can see the CSS file in the "sources" and "elements" tabs in Chrome, and I can map it to the online CSS file, but when changing the style in the "elements" panel the change is not persistent and is not saved to the file.
Is it possible to edit the component CSS files from within Chrome dev tools with workspaces (without ejecting the app) ?
- In the following GIF you can see that although the little green dot near the file name is on, indicating that the map between the network
resource and the local file has been established, the changes from
the elements panel are not reflected in the file:
angular google-chrome google-chrome-devtools angular-cli angular-cli-v6
add a comment |
up vote
4
down vote
favorite
I'm trying to use Google Chrome workspaces with CSS persistent editing in an Angular 6/7 CLI project.
When adding "extractCSS:true" in angular.json configuration and using "--source-map=true" flag I can see the CSS file in the "sources" and "elements" tabs in Chrome, and I can map it to the online CSS file, but when changing the style in the "elements" panel the change is not persistent and is not saved to the file.
Is it possible to edit the component CSS files from within Chrome dev tools with workspaces (without ejecting the app) ?
- In the following GIF you can see that although the little green dot near the file name is on, indicating that the map between the network
resource and the local file has been established, the changes from
the elements panel are not reflected in the file:
angular google-chrome google-chrome-devtools angular-cli angular-cli-v6
add a comment |
up vote
4
down vote
favorite
up vote
4
down vote
favorite
I'm trying to use Google Chrome workspaces with CSS persistent editing in an Angular 6/7 CLI project.
When adding "extractCSS:true" in angular.json configuration and using "--source-map=true" flag I can see the CSS file in the "sources" and "elements" tabs in Chrome, and I can map it to the online CSS file, but when changing the style in the "elements" panel the change is not persistent and is not saved to the file.
Is it possible to edit the component CSS files from within Chrome dev tools with workspaces (without ejecting the app) ?
- In the following GIF you can see that although the little green dot near the file name is on, indicating that the map between the network
resource and the local file has been established, the changes from
the elements panel are not reflected in the file:
angular google-chrome google-chrome-devtools angular-cli angular-cli-v6
I'm trying to use Google Chrome workspaces with CSS persistent editing in an Angular 6/7 CLI project.
When adding "extractCSS:true" in angular.json configuration and using "--source-map=true" flag I can see the CSS file in the "sources" and "elements" tabs in Chrome, and I can map it to the online CSS file, but when changing the style in the "elements" panel the change is not persistent and is not saved to the file.
Is it possible to edit the component CSS files from within Chrome dev tools with workspaces (without ejecting the app) ?
- In the following GIF you can see that although the little green dot near the file name is on, indicating that the map between the network
resource and the local file has been established, the changes from
the elements panel are not reflected in the file:
angular google-chrome google-chrome-devtools angular-cli angular-cli-v6
angular google-chrome google-chrome-devtools angular-cli angular-cli-v6
edited Nov 21 at 13:17
asked Nov 21 at 12:30
rotemx
296210
296210
add a comment |
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
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%2f53412086%2fworking-with-component-css-files-in-workspaces-in-chrome-with-angular-cli-6-proj%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