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

展开阅读全文

没有更多推荐了,返回首页