我遇到了一个问题,似乎无法解决。
我有一个需要包含在我的项目中的svg文件。由于我已经建立了自己的样板文件,我希望具有与CRA相同的功能,即可以将svg用作图像src。
例如:
<img src={svgfile} alt="some file" />
我需要做些什么来获得这个功能?
我尝试使用文件加载器使其工作,但会抛出错误。
{
test: /\.(png|jpg|gif|svg)$/,
use: [
{
loader: "file-loader",
options: {}
}
]
},
任何帮助都将不胜感激。
SA
webpack 文件
{
entry: "./src/browser/index.js",
output: {
path: path.resolve(__dirname, "public"),
filename: "bundle.js",
publicPath: "/"
},
module: {
rules: [
{ test: /\.(js)$/, use: "babel-loader" },
{
test: /\.(png|jpg|gif|svg)$/,
use: [
{
loader: "file-loader",
options: {}
}
]
},
]
},
plugins: [
new webpack.DefinePlugin({
__isBrowser__: "true"
})
]
}
webpack.config.js
的示例? - Juned Lanjawebpack.config.js
看起来不错。你遇到了什么错误? - Juned Lanjawebpack
命令来创建bundle.js
? - Juned Lanja