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常见的问题与报错的~