安古拉2-mdl与webpack

Question

我遵循了https://www.npmjs.com/package/angular2-mdl提供的步骤，使Angular2-mdl工作得完美无缺，但现在我陷入了我想要包含MDL的scss文件的地步。

我没有扩展角-cli-build.js，也不认为我真的必须这样做。那么，我在哪里设置的SASS编译器选项，何时只使用webpack？

到目前为止，我已经尝试加入webpack的选择：

    module: {
    loaders: [
        {
          test: /\.ts$/,
          loader: 'awesome-typescript-loader',
          exclude: [/\.(spec|e2e)\.ts$/]
        },      
        { loader: 'raw', 
          test: /\.(css|html)$/
        },
        {
          test: /\.scss$/,
          loader: 'raw-loader!sass-loader',
        },              
        { 
          test: /\.ts$/,                
          loader: 'ts', 
          exclude: /node_modules/
        }
    ]
},
sassLoader: {
    includePaths: [
        path.resolve(__dirname, '/node_modules/angular2-mdl/src/scss-mdl')
    ]
},

Answer 1

有两种方法可以包含来自材料设计的css：

• 您可以使用预先生成的css文件。只需选择主题颜色并将链接包含在html文件中即可。下面是一个支持您的工具：http://mseemann.io/angular2-mdl/theme
• 如果希望完全控制mdl，可以使用scss文件。这要求您已经用ng new projectname --style=sass生成了项目(angular@1.0.0-beta.16)。在生成的styles.sass文件中，可以使用scss源。例如： @import "~angular2-mdl/src/scss-mdl/color-definitions"；$色彩-主色调：$调色板-蓝色-500；$色彩-主-深色：$调色板-蓝色-700；$色彩-口音：$调色板-琥珀-A 200；$调色板-主要-对比度：$颜色-深色-对比度；$颜色-重音对比度：$颜色-深色-对比度；@import "~angular2-mdl/src/scss-mdl/material-design-lite"；