我想在我的 .css 文件中使用 webpack。但我希望它不会处理(排除)任何 .css 文件引用的图片。
例如:background-image: url(../images/icon_check.png); 应该保持原状。
我的 webpack.config.js 如下:
如果我没有第二个加载器,就会出现需要加载程序的错误。
如果我有第二个加载器,那么这个错误就消失了。但是图片会被创建或者哈希,并且JS文件将被更新以指向它们。例如:26c2a65f93c5caaf24ea5bc44d779d33.png。
我很希望js文件看起来像这样:
我在第一个加载器中尝试了排除 /.png$/ 的操作。没有出现错误,但新的图片被创建并更新了指向新图片的js代码。
我知道可能会存在相对路径问题,但我可以解决。
谢谢。
例如:background-image: url(../images/icon_check.png); 应该保持原状。
我的 webpack.config.js 如下:
"use strict";
module.exports = {
entry: {
index: "./src/main/webapp/core/index.js",
login: "./src/main/webapp/core/login.js",
siteEditorAdmin: "./src/main/webapp/core/siteEditorAdmin.js"
},
output: {
path: __dirname + "/src/main/webapp/core/scripts",
filename: "[name].js"
},
module: {
loaders: [
// Extract css files
{ test: /\.css$/, loader: "style!css" },
{
test: /\.(jpe?g|png|gif|svg)$/,
loader: 'file-loader'
} // IMAGES
]
},
amd: { jQuery: true },
devtool: "eval-source-map"
};
如果我没有第二个加载器,就会出现需要加载程序的错误。
如果我有第二个加载器,那么这个错误就消失了。但是图片会被创建或者哈希,并且JS文件将被更新以指向它们。例如:26c2a65f93c5caaf24ea5bc44d779d33.png。
eval("module.exports = __webpack_require__.p + \"26c2a65f93c5caaf24ea5bc44d779d33.png\ ....
我很希望js文件看起来像这样:
eval("module.exports = __webpack_require__.p + \"/images/icon_check.png\....
我在第一个加载器中尝试了排除 /.png$/ 的操作。没有出现错误,但新的图片被创建并更新了指向新图片的js代码。
我知道可能会存在相对路径问题,但我可以解决。
谢谢。