1. 程式人生 > >jhipster中圖片路徑打包問題(webpack)

jhipster中圖片路徑打包問題(webpack)

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)