webpack配置中path、publicPath、chunkF

2020-07-27  本文已影响0人  踩坑怪At芬达

见图↓

image

而在loder内,比如css和scss的loader内,我们也可以配置publicPath路径参数,目的是在最终打包后的路径引用前增加上publicPath里配置的字符串

{
        test: /\.css$/i,
        use: [
          {
            loader: MiniCssExtractPlugin.loader,
            options: {
              //publicPath: '../',
              //假设output.path配置的是 `dist/public` 
              //那么css内源代码为 backgrond-image:url('~@/assets/icon.png') 
              //默认编译为: background-image:url('assets/icon.png')
              //然后加上这里loader内的publicPath值,结果为background-image:url('../assets/icon.png')
            
            },
          },
          'css-loader',
        ],
      },
上一篇 下一篇

猜你喜欢

热点阅读