jhipster中图片路径打包问题(webpack)
Posted 0小羊0沉默
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jhipster中图片路径打包问题(webpack)相关的知识,希望对你有一定的参考价值。
在使用jhipster时,如果给样式指定了图片背景,必须使用绝对路径,一旦使用相对路径就会报错。
‘css-loader‘这个控件报错。
折腾了半天,终于找到了配置路径的地方。
在webpack的配置文件中,
module.rules数组中,找到与.css文件匹配的正则,
jhipster默认使用的是loaders,如下
{ test: /\.css$/, loaders: [‘to-string-loader‘, ‘css-loader‘] exclude: /(vendor\.css|global\.css)/ }
使用loaders就无法配置使用插件的选项,后来在github上的一个例子中看到了use的配置方法,或让开朗(英语差,看官方文档懵懵懂懂)
然后,改成下面这样就行了
{ test: /\.css$/, use: [ { loader: ‘to-string-loader‘}, { loader: ‘css-loader‘, options: { url: false } } ], exclude: /(vendor\.css|global\.css)/ }
使用 use 就能够单个配置插件了。
以上是关于jhipster中图片路径打包问题(webpack)的主要内容,如果未能解决你的问题,请参考以下文章