Webpack打包常见问题与报错

Webpack打包常见问题与报错

一、css中设置的背景图片找不到了，或者是url路径不对？

解决办法：

1、下载url-loader

npm install --save-dev url-loader

2、

webpack.config.js中

   
   

    
    module.exports = {
   
   
   
   

    
      module: {
   
   
   
   

    
        rules: [
   
   
   
   

    
          {
   
   
   
   

    
            test: /\.(png|jpg|gif)$/,
   
   
   
   

    
            use: [
   
   
   
   

    
              {
   
   
   
   

    
                loader: 'url-loader',
   
   
   
   

    
                options: {
   
   
   
   

    
                  limit: 8192
   
   
   
   

    
                }
   
   
   
   

    
              }
   
   
   
   

    
            ]
   
   
   
   

    
          }
   
   
   
   

    
        ]
   
   
   
   

    
      }
   
   
   
   

    
    }
   
   

3、打包以后的背景图片url的代码如下所示

好啦！图片出来啦~！！！至于url-loader的详细使用介绍参考https://www.npmjs.com/package/url-loader

二、引入了uglifyjs-webpack-plugin以后js文件压缩了，css文件却没有压缩？

解决办法：

好啦！再次打包以后发现css压缩成功了~！！！

以上都是经过真是验证有效的呦！欢迎参考！这篇笔记会经常更新，慢慢累积webpack常见的问题与报错的~