基于Webpack的SVG嵌入与优化方案
⚠️ 项目停更声明
svg-inline-loader
项目已停止维护,不再推荐使用。
推荐方案:
使用 raw-loader
将SVG作为字符串加载,结合 image-minimizer-webpack-plugin
进行优化。
// webpack.config.js
const ImageMinimizerPlugin = require('image-minimizer-webpack-plugin');
module.exports = {
module: {
rules: [
{
test: /.svg$/,
use: [{ loader: "raw-loader" }],
},
],
},
plugins: [
new ImageMinimizerPlugin({
// ...配置选项
}),
],
};
svg-inline-loader-master.zip
预估大小:20个文件
svg-inline-loader-master
文件夹
config.js
276B
lib
文件夹
component.jsx
1KB
transformer.js
7KB
conditions.js
1KB
.npmignore
21B
LICENSE
1KB
README.md
6KB
tests
文件夹
16.6KB
文件大小:
评论区