首页 > Web开发 > 详细

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

时间:2017-09-28 19:08:40      阅读:430      评论:0      收藏:0      [点我收藏+]

在使用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)

原文:http://www.cnblogs.com/hcy1994/p/7607967.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!