zoukankan      html  css  js  c++  java
  • 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 就能够单个配置插件了。

  • 相关阅读:
    装饰器和迭代器
    闭包函数
    函数对象
    Python函数
    函数的基本使用
    文件处理
    量化策略
    Android--生命周期
    算法转AI平台工程师记录-0
    python3.6安装
  • 原文地址:https://www.cnblogs.com/hcy1994/p/7607967.html
Copyright © 2011-2022 走看看