                        課程
                    
                        /前端開發
                        
                            /前端工具
                        
                        /webpack深入與實戰

關于image-webpack-loader的問題,看來源碼也沒找出來問題，最后還是用的img-loader

ERROR in ./src/assets/1.jpg

Module build failed: TypeError: Cannot read property 'bypassOnDebug' of null

? ? at Object.module.exports (F:\webpack\webpack-demo1\node_modules\image-webpack-loader\index.js:30:26)

慕粉4187235

2017-04-01

源自：webpack深入與實戰 4-7

關注問題我要回答

5968

操作

收起

5 回答

慕虎1329383
2017-04-30

The?LoaderOptionsPlugin?is to make the transition from webpack 1 easier. In webpack 2 you should define the options directly on the loader.

Your rule would look like this (using the webpack 2 rule from the README with your options):

{
? ?test: /\.(gif|png|jpe?g|svg)$/i,
? ?use: [
? ? ? ?'file-loader',
? ? ? ?{
? ? ? ? ? ?loader: 'image-webpack-loader',
? ? ? ? ? ?options: {
? ? ? ? ? ? ? ?mozjpeg: {
? ? ? ? ? ? ? ? ? ?quality: 65,
? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ?pngquant: {
? ? ? ? ? ? ? ? ? ?quality: '65-90',
? ? ? ? ? ? ? ? ? ?speed: 4,
? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ?svgo: {
? ? ? ? ? ? ? ? ? ?plugins: [
? ? ? ? ? ? ? ? ? ? ? ?{
? ? ? ? ? ? ? ? ? ? ? ? ? ?removeViewBox: false,
? ? ? ? ? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ? ? ? ? ?{
? ? ? ? ? ? ? ? ? ? ? ? ? ?removeEmptyAttrs: false,
? ? ? ? ? ? ? ? ? ? ? ?},
? ? ? ? ? ? ? ? ? ?],
? ? ? ? ? ? ? ?}
? ? ? ? ? ?}
? ? ? ?}
? ?]}