{"action":"created","issue":{"url":"https://api.github.com/repos/facebookincubator/create-react-app/issues/1293","repository_url":"https://api.github.com/repos/facebookincubator/create-react-app","labels_url":"https://api.github.com/repos/facebookincubator/create-react-app/issues/1293/labels{/name}","comments_url":"https://api.github.com/repos/facebookincubator/create-react-app/issues/1293/comments","events_url":"https://api.github.com/repos/facebookincubator/create-react-app/issues/1293/events","html_url":"https://github.com/facebookincubator/create-react-app/issues/1293","id":196329888,"number":1293,"title":"Why does importing LESS (.less) files fail silently and what do I do if I need to use LESS and want to use CRA?","user":{"login":"godmar","id":486389,"avatar_url":"https://avatars.githubusercontent.com/u/486389?v=3","gravatar_id":"","url":"https://api.github.com/users/godmar","html_url":"https://github.com/godmar","followers_url":"https://api.github.com/users/godmar/followers","following_url":"https://api.github.com/users/godmar/following{/other_user}","gists_url":"https://api.github.com/users/godmar/gists{/gist_id}","starred_url":"https://api.github.com/users/godmar/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/godmar/subscriptions","organizations_url":"https://api.github.com/users/godmar/orgs","repos_url":"https://api.github.com/users/godmar/repos","events_url":"https://api.github.com/users/godmar/events{/privacy}","received_events_url":"https://api.github.com/users/godmar/received_events","type":"User","site_admin":false},"labels":[{"id":452801488,"url":"https://api.github.com/repos/facebookincubator/create-react-app/labels/docs","name":"docs","color":"006b75","default":false},{"id":409578977,"url":"https://api.github.com/repos/facebookincubator/create-react-app/labels/help%20wanted","name":"help wanted","color":"128A0C","default":true}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2016-12-19T04:36:50Z","updated_at":"2016-12-19T18:52:10Z","closed_at":null,"body":"The documentation clearly states that [LESS or Sass](https://github.com/facebookincubator/create-react-app#limitations) are not supported. In Issue #78 I read that this seems to be a touchy issue.\r\n\r\nIf I do this in index.js:\r\n```\r\nimport './test.less';\r\n```\r\nand create `test.less` with the following content:\r\n```\r\nShould I be seeing a compile error?\r\n```\r\nI am not, in fact, seeing a compile error, or any error, for that matter. The application starts, just without the LESS code in `test.less`. I consider this a defect of some kind.\r\n\r\nI was affected by this issue when trying to port a medium-size React.JS application (about 1 year old), which used LESS, to create-react-app.  Our motivation for attempting this were that we never could get HMR to work in the old app, making front-end development tediously slow (in CRA, it mostly works), and that we want to use the rest of CRA's webpack config, including its Babel and eslint presets, particularly with an eye towards upgrading to Webpack 2.0. In a 1 year old application, several packages are multiple semantic versions behind (react, react-bootstrap, redux, redux-forms, ... you name it), and just waiting for compile errors without incremental compilation would is aggravating.\r\n\r\nIf create-react-app is not the tool for that use case, what is?  Maybe we need 'maintain-react-app' project, or a `react-cli` project. Irony: Googling for `react-cli` [finds this project](https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html).\r\n"},"comment":{"url":"https://api.github.com/repos/facebookincubator/create-react-app/issues/comments/268045865","html_url":"https://github.com/facebookincubator/create-react-app/issues/1293#issuecomment-268045865","issue_url":"https://api.github.com/repos/facebookincubator/create-react-app/issues/1293","id":268045865,"user":{"login":"godmar","id":486389,"avatar_url":"https://avatars.githubusercontent.com/u/486389?v=3","gravatar_id":"","url":"https://api.github.com/users/godmar","html_url":"https://github.com/godmar","followers_url":"https://api.github.com/users/godmar/followers","following_url":"https://api.github.com/users/godmar/following{/other_user}","gists_url":"https://api.github.com/users/godmar/gists{/gist_id}","starred_url":"https://api.github.com/users/godmar/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/godmar/subscriptions","organizations_url":"https://api.github.com/users/godmar/orgs","repos_url":"https://api.github.com/users/godmar/repos","events_url":"https://api.github.com/users/godmar/events{/privacy}","received_events_url":"https://api.github.com/users/godmar/received_events","type":"User","site_admin":false},"created_at":"2016-12-19T18:52:10Z","updated_at":"2016-12-19T18:52:10Z","body":"I think what would be tremendously useful is for webpack to include \r\n\r\n1. a self-check mode in which is checks its configuration and each included loader/plugin/whatever checks its configuration parameters and reports briefly its purpose. Every other (successful) configurable system has that (nginx -t, httpd -t, etc.)\r\n\r\n2. a verbose mode in which loaders/plug-in etc. report what they do as they do it. Again, every successful compiler/translator in wide use has that (-verbose, usually).  Along with a --save-temps. Webpack is the most heavily modular/extensible system I've seen in a long time; its current contract of loaders just being functions that do whatever and access whatever configuration simply does not scale in my opinion.\r\n\r\nWith such support, people wouldn't need to reverse-engineer and would need to ask fewer questions about just what this thing does with their configuration (or with a configuration provided by an intermediate layer as is CRA).\r\n\r\nPlease [vote for Documentation in webpack](https://webpack.js.org/vote/)"}}
{"actor":{"display_login":"godmar"}}