使用带有webpack和Angular2

时间:2016-07-28 18:24:13

标签: angular sass less webpack

据我所知,这个问题与使用less和sass相关。

Webpack在捆绑多个样式文件时遇到问题,并尝试使用CSS中的url()方法加载CSS文件中的其他文件。 此处描述了此问题:https://github.com/webpack/extract-text-webpack-plugin/issues/27

官方答案是使用extract-text-webpack-plugin。但是这对Angular2不起作用,因为它创建了一个CSS文件而不是字符串,而Angular2只接受组件的styles属性中的字符串。 (它显然不会对styleUrls起作用......)

这里可以做些什么?

这些是我的webpack配置的相关部分:

   {
     test: /\.less$/,
     exclude: /node_modules/,
     loader: ExtractTextPlugin.extract(
       "raw-loader!css-loader!less-loader",
       {
         publicPath: "/assets"
       }
     )
   },

   // .......

  new ExtractTextPlugin("assets/[name].css?[hash]-[chunkhash]-[name]"),

0 个答案:

没有答案