jhipster中圖片路徑打包問題(webpack)
阿新 • • 發佈:2017-09-28
use brush 後來 圖片 ade 文檔 控件 pack true
在使用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)