分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

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

发布时间:2023-09-06 01:14责任编辑:沈小雨关键词: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)

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved