如何为css文件中的url配置路径

[luchanan]

你好，请教一个问题，我使用vue inspect打出webpack的配置, 发现publicPath的路径都是根据上下文的得出来的()

/* config.module.rule('scss').oneOf('normal') */
          {
            use: [
              /* config.module.rule('scss').oneOf('normal').use('extract-css-loader') */
              {
                loader: 'E:\\project\\test\\node_modules\\mini-css-extract-plugin\\dist\\loader.js',
                options: {
                  hmr: false,
                  publicPath: '../../../../../'
                }
              },

然后对应的资源文件在css的url是这样的url(../../../../staic/img/[name].[hash:8].[ext])

/* config.module.rule('svg') */
      {
        test: /\.(svg)(\?.*)?$/,
        use: [
          /* config.module.rule('svg').use('file-loader') */
          {
            loader: 'file-loader',
            options: {
              name: 'static/img/[name].[hash:8].[ext]'
            }
          }
        ]
      },

请问有什么办法配置publicPath，使得css文件中的font，img等url采用的是（还有webpack的scss中的publicPath）

url(../img/aaa.png)

我试了一下与vue.config.js中的publicPath无关， 但是和assetsDir有关，我知道chain可以分别设置img，font的publicPatch

config
      .module
      .rule("images")
      .test(/\.(png|jpe?g|gif|svg)(\?.*)?$/)
      .use("url-loader")
      .loader("url-loader")
      .options({
        limit: 5 * 1024, // 10k,
        publicPath: process.env.NODE_ENV === 'production' ? '../' : undefined,
        outputPath: getAssetPath(buildConfig.assetsDir(), 'img'),
        name: 'img/[name].[hash:7].[ext]',
      })

有没有全局的可以设置publicPath呢？thanks

[mdxiaohu]

@luchanan 你这个问题解决么

[zuolg]

这是来自QQ邮箱的假期自动回复邮件。 您好，我最近正在休假中，无法亲自回复您的邮件。我将在假期结束后，尽快给您回复。