{"action":"created","issue":{"url":"https://api.github.com/repos/angular/angular-cli/issues/9475","repository_url":"https://api.github.com/repos/angular/angular-cli","labels_url":"https://api.github.com/repos/angular/angular-cli/issues/9475/labels{/name}","comments_url":"https://api.github.com/repos/angular/angular-cli/issues/9475/comments","events_url":"https://api.github.com/repos/angular/angular-cli/issues/9475/events","html_url":"https://github.com/angular/angular-cli/issues/9475","id":293586119,"node_id":"MDU6SXNzdWUyOTM1ODYxMTk=","number":9475,"title":"Angular cli changes css files order when build","user":{"login":"amineparis","id":12094425,"node_id":"MDQ6VXNlcjEyMDk0NDI1","avatar_url":"https://avatars3.githubusercontent.com/u/12094425?v=4","gravatar_id":"","url":"https://api.github.com/users/amineparis","html_url":"https://github.com/amineparis","followers_url":"https://api.github.com/users/amineparis/followers","following_url":"https://api.github.com/users/amineparis/following{/other_user}","gists_url":"https://api.github.com/users/amineparis/gists{/gist_id}","starred_url":"https://api.github.com/users/amineparis/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/amineparis/subscriptions","organizations_url":"https://api.github.com/users/amineparis/orgs","repos_url":"https://api.github.com/users/amineparis/repos","events_url":"https://api.github.com/users/amineparis/events{/privacy}","received_events_url":"https://api.github.com/users/amineparis/received_events","type":"User","site_admin":false},"labels":[{"id":385595266,"node_id":"MDU6TGFiZWwzODU1OTUyNjY=","url":"https://api.github.com/repos/angular/angular-cli/labels/need:%20more%20info","name":"need: more info","color":"fbca04","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":27,"created_at":"2018-02-01T16:04:28Z","updated_at":"2018-09-25T08:58:13Z","closed_at":null,"author_association":"NONE","body":"When I check bundle after **`ng build --prod --aot false`** I found that css files order was modified by the build process.\r\n\r\n**angular-cli.json**\r\n```\r\n{\r\n  \"$schema\": \"./node_modules/@angular/cli/lib/config/schema.json\",\r\n  \"project\": {\r\n    \"name\": \"performance\"\r\n  },\r\n  \"apps\": [\r\n    {\r\n      \"root\": \"src\",\r\n      \"outDir\": \"dist\",\r\n      \"assets\": [\r\n        \"assets\",\r\n        \"favicon.ico\"\r\n      ],\r\n      \"index\": \"index.html\",\r\n      \"main\": \"main.ts\",\r\n      \"polyfills\": \"polyfills.ts\",\r\n      \"test\": \"test.ts\",\r\n      \"tsconfig\": \"tsconfig.app.json\",\r\n      \"testTsconfig\": \"tsconfig.spec.json\",\r\n      \"prefix\": \"app\",\r\n      \"styles\": [\r\n        \"../node_modules/bootstrap/dist/css/bootstrap.css\",\r\n        \"../node_modules/font-awesome/css/font-awesome.css\",\r\n        \"../node_modules/animate.css/animate.min.css\",\r\n        \"../node_modules/ng2-toastr/bundles/ng2-toastr.min.css\",\r\n        \"styles.scss\"\r\n      ],\r\n      \"scripts\": [\r\n        \"../node_modules/jquery/dist/jquery.js\",\r\n        \"../node_modules/metismenu/dist/metisMenu.js\",\r\n        \"../node_modules/jquery-sparkline/jquery.sparkline.js\",\r\n        \"../vendor/pace/pace.min.js\"\r\n      ],\r\n      \"environmentSource\": \"environments/environment.ts\",\r\n      \"environments\": {\r\n        \"dev\": \"environments/environment.ts\",\r\n        \"prod\": \"environments/environment.prod.ts\"\r\n      }\r\n    }\r\n  ],\r\n  \"e2e\": {\r\n    \"protractor\": {\r\n      \"config\": \"./protractor.conf.js\"\r\n    }\r\n  },\r\n  \"lint\": [\r\n    {\r\n      \"project\": \"src/tsconfig.app.json\"\r\n    },\r\n    {\r\n      \"project\": \"src/tsconfig.spec.json\"\r\n    },\r\n    {\r\n      \"project\": \"e2e/tsconfig.e2e.json\"\r\n    }\r\n  ],\r\n  \"test\": {\r\n    \"karma\": {\r\n      \"config\": \"./karma.conf.js\"\r\n    }\r\n  },\r\n  \"defaults\": {\r\n    \"styleExt\": \"css\",\r\n    \"component\": {}\r\n  }\r\n}\r\n```\r\n\r\n**package.json**\r\n```\r\n{\r\n  \"name\": \"performance\",\r\n  \"version\": \"1.0.0\",\r\n  \"scripts\": {\r\n    \"ng\": \"ng\",\r\n    \"start\": \"ng serve --host 0.0.0.0\",\r\n    \"build\": \"ng build\",\r\n    \"test\": \"ng test\",\r\n    \"lint\": \"ng lint\",\r\n    \"e2e\": \"ng e2e\"\r\n  },\r\n  \"private\": true,\r\n  \"dependencies\": {\r\n    \"@angular/animations\": \"^4.0.1\",\r\n    \"@angular/common\": \"^4.0.1\",\r\n    \"@angular/compiler\": \"^4.0.1\",\r\n    \"@angular/compiler-cli\": \"^4.0.1\",\r\n    \"@angular/core\": \"^4.0.1\",\r\n    \"@angular/forms\": \"^4.0.1\",\r\n    \"@angular/http\": \"^4.0.1\",\r\n    \"@angular/platform-browser\": \"^4.0.1\",\r\n    \"@angular/platform-browser-dynamic\": \"^4.0.1\",\r\n    \"@angular/platform-server\": \"^4.0.1\",\r\n    \"@angular/router\": \"^4.0.1\",\r\n    \"@ngui/auto-complete\": \"^0.16.0\",\r\n    \"@swimlane/ngx-charts\": \"^6.1.0\",\r\n    \"angular-autofocus-fix\": \"^0.1.0\",\r\n    \"angular2-image-upload\": \"^1.0.0-rc.0\",\r\n    \"angular2-masonry\": \"^0.4.0\",\r\n    \"angular2-moment\": \"^1.7.0\",\r\n    \"animate.css\": \"3.1.1\",\r\n    \"bootstrap\": \"^3.3.7\",\r\n    \"chart.js\": \"^2.7.1\",\r\n    \"core-js\": \"^2.4.1\",\r\n    \"d3\": \"^4.11.0\",\r\n    \"font-awesome\": \"^4.7.0\",\r\n    \"jquery\": \"^3.1.0\",\r\n    \"jquery-slimscroll\": \"^1.3.8\",\r\n    \"jquery-sparkline\": \"^2.4.0\",\r\n    \"jvectormap\": \"1.2.2\",\r\n    \"metismenu\": \"^2.5.0\",\r\n    \"ng2-charts\": \"^1.5.0\",\r\n    \"ng2-completer\": \"^1.6.3\",\r\n    \"ng2-file-upload\": \"^1.2.1\",\r\n    \"ng2-smart-table\": \"^1.2.2\",\r\n    \"ng2-toastr\": \"^4.1.2\",\r\n    \"ngx-bootstrap\": \"^1.6.6\",\r\n    \"ngx-slimscroll\": \"^3.4.1\",\r\n    \"ngx-ui-switch\": \"1.4.4\",\r\n    \"ngx-webstorage\": \"^1.8.0\",\r\n    \"peity\": \"^3.2.1\",\r\n    \"rxjs\": \"^5.1.0\",\r\n    \"zone.js\": \"^0.8.4\"\r\n  },\r\n  \"devDependencies\": {\r\n    \"@angular/cli\": \"^1.0.0\",\r\n    \"@angular/compiler-cli\": \"^2.4.0\",\r\n    \"@types/jasmine\": \"2.5.38\",\r\n    \"@types/node\": \"~6.0.60\",\r\n    \"codelyzer\": \"~2.0.0\",\r\n    \"jasmine-core\": \"~2.5.2\",\r\n    \"jasmine-spec-reporter\": \"~3.2.0\",\r\n    \"karma\": \"~1.4.1\",\r\n    \"karma-chrome-launcher\": \"~2.0.0\",\r\n    \"karma-cli\": \"~1.0.1\",\r\n    \"karma-coverage-istanbul-reporter\": \"^0.2.0\",\r\n    \"karma-jasmine\": \"~1.1.0\",\r\n    \"karma-jasmine-html-reporter\": \"^0.2.2\",\r\n    \"protractor\": \"~5.1.0\",\r\n    \"ts-node\": \"~2.0.0\",\r\n    \"tslint\": \"~4.5.0\",\r\n    \"typescript\": \"~2.4\"\r\n  }\r\n}\r\n\r\n```"},"comment":{"url":"https://api.github.com/repos/angular/angular-cli/issues/comments/424261323","html_url":"https://github.com/angular/angular-cli/issues/9475#issuecomment-424261323","issue_url":"https://api.github.com/repos/angular/angular-cli/issues/9475","id":424261323,"node_id":"MDEyOklzc3VlQ29tbWVudDQyNDI2MTMyMw==","user":{"login":"fedotxxl","id":1721690,"node_id":"MDQ6VXNlcjE3MjE2OTA=","avatar_url":"https://avatars0.githubusercontent.com/u/1721690?v=4","gravatar_id":"","url":"https://api.github.com/users/fedotxxl","html_url":"https://github.com/fedotxxl","followers_url":"https://api.github.com/users/fedotxxl/followers","following_url":"https://api.github.com/users/fedotxxl/following{/other_user}","gists_url":"https://api.github.com/users/fedotxxl/gists{/gist_id}","starred_url":"https://api.github.com/users/fedotxxl/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fedotxxl/subscriptions","organizations_url":"https://api.github.com/users/fedotxxl/orgs","repos_url":"https://api.github.com/users/fedotxxl/repos","events_url":"https://api.github.com/users/fedotxxl/events{/privacy}","received_events_url":"https://api.github.com/users/fedotxxl/received_events","type":"User","site_admin":false},"created_at":"2018-09-25T08:58:13Z","updated_at":"2018-09-25T08:58:13Z","author_association":"NONE","body":"Very strange bug. My temporary solution:\r\n\r\nmoved all `css` files from `angular.json` to `styles.scss` using `@import`"}}
{"actor":{"display_login":"fedotxxl"}}