我正在使用 webpack 2.x 捆绑我的项目,并且大多数摇树部分工作正常,除了我在导出的 svg 文件中拥有所有 svg 图像,即使我没有使用它们。
SVG 图标 icons.js
export { default as icon1 } from "./svg/icon1.svg";
export { default as icon2 } from "./svg/icon2.svg";
然后在 svg 图标 index.js
import { icon1 } from "./icons";
console.log('Use icon1', icon1);
export default {};
Webpack svg-sprite-loader 插件配置:
{
test: /\.svg$/,
use: [
{
loader: 'svg-sprite-loader',
options: {
extract: true,
},
}
],
}
结果是 bundle.js 和 sprite.svg。sprite.svg 包含 icon1 和 icon2 但我希望只有 icon1。我怎样才能使这个 svg 摇动工作?