美文网首页
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