如何将pug添加到angular-cli？

Question

谁有运气将.pug添加到angular-cli？

我试着做npm install pug --save,但我不知道在哪里更改.pug渲染而不是.html.

angular-cli的链接就在这里

请分享一个简短的教程,这将有助于一个人:)

Answer 1

因此,在阅读了angular-cli git之后,实施哈巴狗并不是在不久的将来.

所以这是我的解决方法:它不是angular-cli,而是一个更新的生成器,运行angular2 final.

使用AngularClass的angular2-webpack生成器 - 这里 (只需按照文档说明)

想要哈巴狗吗？没问题,请点击这里的链接

想要Scss吗？没问题,请点击这里的链接

为了简短起见,只需安装npm并在webpack.common文件中添加这些行.并使用./filename.pug :)在组件中使用require(),但是按照链接进行操作就可以了.

谢谢AngurlarClass <3

这就是我想要的 - angular2,打字稿,scss和哈巴狗.. Yum Yum!

      loaders: [
        { 
          test: /\.pug$/, 
          loader: 'pug-html-loader' 
        },
        {
          test: /\.scss$/,
          exclude: /node_modules/,
          loaders: ['raw-loader', 'sass-loader'] // sass-loader not scss-loader
        },

Answer 2

对于Angular 6+，您只需在根文件夹中运行ng add ng-cli-pug-loader命令以在angilar-cli项目中打开pug支持。