Pug and SCSS support. #3234

Activity

1. Ionaru commented on Nov 22, 2016

   

   Ionaru

   on Nov 22, 2016

   More actions

   For Scss support, look here: https://github.com/angular/angular-cli#css-preprocessor-integration
2. kwojcik-blockether commented on Nov 22, 2016

   

   kwojcik-blockether

   on Nov 22, 2016

   Author

   More actions

   Thanks I found your link very helpful. What about Pug support?
3. Ionaru commented on Nov 23, 2016

   

   Ionaru

   on Nov 23, 2016

   More actions

   As far as I know Jade/Pug support is not currently being worked on by the Angular team, however another contributor has started to work this feature.

   See PR #2205 and issue #1886
4. filipesilva commented on Dec 22, 2016

   

   filipesilva

   on Dec 22, 2016

   Contributor

   More actions

   As @Ionaru says, we do have scss support and jade support is being tracked in #1886.
5. filipesilva

   closed this as completedon Dec 22, 2016
6. paramsingh88 commented on Jun 5, 2017

   

   paramsingh88

   on Jun 5, 2017

   More actions

   Please, we want Pug support

   👍React with 👍11Reacted by Mikael Sundström, Alonso Mendez, Ezzat Chamudi, Dhruvan Ganesh, Andrey Solovyov, Konda Reddy Yaramala, Никита, Mx, Akos Tothmarton, Yatit Thakker and 1 more
7. svallory commented on Jul 28, 2017

   

   svallory

   on Jul 28, 2017

   Last edited by svallory

   More actions

   @paramsingh88 @FieryCod I made a pull request to allow tweaking webpack config with a file in the project root. For now, you can use the cli at https://github.com/cashfarm/angular-advanced-cli (branch 1.2.x)

   Install pug, pug-ng-html-loader and add a webpack.config.js with this to root of your project:

   module.exports = {
     module: {
       rules: [
         {
           test: /\.(pug|jade)$/,
           use: ['pug-ng-html-loader']
         }
       ]
     }
   }
   

   Then your components can use pug

   @Component({
     selector: 'app-root',
     templateUrl: './app.component.pug',
     styleUrls: ['./app.component.styl']
   })
   

   But your index has to stay in html.
8. angular-automatic-lock-bot commented on Sep 7, 2019

   

   angular-automatic-lock-botBot

   on Sep 7, 2019

   More actions

   This issue has been automatically locked due to inactivity.
   Please file a new issue if you are encountering a similar or related problem.

   Read more about our automatic conversation locking policy.

   _{This action has been performed automatically by a bot.}
9. angular-automatic-lock-bot

   locked and limited conversation to collaborators on Sep 7, 2019