2

我正在使用 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 摇动工作?

4

0 回答 0