jhipster中图片路径打包问题(webpack)

在使用jhipster时，如果给样式指定了图片背景，必须使用绝对路径，一旦使用相对路径就会报错。

'css-loader'这个控件报错。

折腾了半天，终于找到了配置路径的地方。

在webpack的配置文件中，

module.rules数组中，找到与.css文件匹配的正则，

jhipster默认使用的是loaders，如下

?

1 2 3 4 5

{     test: /\.css$/,     loaders: ['to-string-loader', 'css-loader']     exclude: /(vendor\.css|global\.css)/ }

　　使用loaders就无法配置使用插件的选项，后来在github上的一个例子中看到了use的配置方法，豁然开朗（英语差，看官方文档懵懵懂懂）

然后，改成下面这样就行了

?

1 2 3 4 5 6 7 8 9 10 11 12 13

{     test: /\.css$/,     use: [         { loader: 'to-string-loader'},         {             loader: 'css-loader',             options: {                 url: false             }         }     ],     exclude: /(vendor\.css|global\.css)/ }

　　使用 use 就能够单个配置插件了。