Question

我制作了一些应用程序，用自定义CSS包装一些网站。但是没有显示图像。

这是我的webpack.config.js模块部分。

module: {
        rules: [
            {
                test: /\.css$/,
                loaders: ['css-loader']               
            },
            {
                test: /\.(png|jpg|gif|svg)$/,
                loader: 'url-loader',
                options: {
                    limit: 1000000 // 1000kb
                }
            }
        ]
    },
}

Css看起来像这样

.menu {
    background-images: url("images/menu.png");
}

jQuery和Security（外部站点！）的一些问题，我把nodeIntegration: false放在webPreferences

const css = require('./foo.css');
// ..
webContents.insertCSS(css.toString());

但是启动应用，图片不会显示。在控制台中，我得到了这个背景图片网址

background-image: url(data:image/jpeg;png,bW9kdWxl //...

解码base64结果是

module.exports = "data:image/png;base64 //...

我认为module.exports导致此问题（编辑3：Uncaught ReferenceError: module is not defined在控制台中），因为nodeIntegration: false

有没有选项可以在css-loader中删除module.exports =和其他加载器？（或者只需将nodeIntergration转为true）？

file-loader上的结果相同。

编辑1：在我的package.json中："css-loader": "^0.28.7", "url-loader": "^0.6.2", "webpack": "^3.8.1"

编辑2：Maybe cuase by this in css-loader?

css-loader url（）加载`module.exports =`，有没有选项？

0 个答案: