Question

当我使用image-webpack-loader时，我遇到了一个非常奇怪的错误。我提出了一个问题，似乎作者太忙了，无法回答我。有什么身体可以解决我的问题吗？我搜索了很长时间但找不到答案。这是我的问题：

最近，我遇到了image-webpack-loader的一个非常奇怪的错误我的项目很好，我最近添加了一些新的供应商。我的项目中有6个页面，每个页面都有它的样式文件。如果6个文件的代码为@import“../../cssBase/index.scss”;,则image-webpack-loader会出现一些错误。但是，如果我在其中一个页面中删除此代码，则所有错误都已消失。我想知道为什么会这样。是因为我的图像太多了吗？

这是我的代码：

//my pages
const PAGES = ['home', 'profile', 'match', 'mall', 'goodsInfo', 'cartList']
//my webpack entries
let entry = {}
PAGES.forEach((page) => {
    entry[`js/${page}`] = ['babel-polyfill', 'whatwg-fetch', path.join(PATH.src, `view/pages/${page}/index.js`)]
    entry[`css/${page}`] = path.join(PATH.src, `view/pages/${page}/index.scss`)
    if(DEV) {
        entry[`js/${page}`].push('webpack-hot-middleware/client')
    }
})
//my image-webpack-loader configuration
let cfg = { 
    test: /\.(png|jpg|gif)$/, include: paths,
    loaders: [
        'url?limit=2000&name=./img/[name].[hash].[ext]',
        'image-webpack?{progressive:true, bypassOnDebug:true, optimizationLevel: 3, interlaced: false, pngquant:{quality: "65-90", speed: 4}}'
    ]
}

//my pages' style file contain this file, this file defines lots of variables and include some import file
@import "../../cssBase/index.scss";

image-webjpack-loader文件加载器url-loader

0 个答案: