美文网首页
webpack配置中path、publicPath、chunkF

webpack配置中path、publicPath、chunkF

作者: 踩坑怪At芬达 | 来源:发表于2020-07-27 15:05 被阅读0次

见图↓

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',
        ],
      },

相关文章

网友评论

      本文标题:webpack配置中path、publicPath、chunkF

      本文链接:https://www.haomeiwen.com/subject/ejpzlktx.html