svg-sprite-带有角8自定义webpack配置的加载程序

Question

我试图使用svg -雪碧-装载机包(创建一个svg精灵)与我的角8项目使用自定义webpack配置。

我正在使用以下自定义配置：

const SpriteLoaderPlugin = require('svg-sprite-loader/plugin');

module.exports = {
    module: {
        rules: [
            {
                test: /\.(svg)$/,
                loader: 'svg-sprite-loader',
                options: {
                    spriteFilename: './src/assets/svg/combinedicons.svg',
                    runtimeCompat: true,
                },
            },
        ],
    },
    plugins: [
        new SpriteLoaderPlugin({
        plainSprite: true,
        }),
    ],
};

在运行ng build时，我得到了以下错误：

找不到模块'webpack/package.json‘错误:找不到模块webpack/Package.json

我无法确定问题在哪里，是我的配置还是包本身。

Answer 1

您可能需要通过npm i -D webpack将Webpack作为一个明确的依赖项来安装。

或者您可能安装了两个不同版本的Webpack。

运行npm ls webpack。

你应该看到这样的东西：

user$ npm ls webpack
@my-app /Users/user/my-app
├─┬ @angular-devkit/build-angular@0.13.9
│ └── webpack@4.29.0  deduped
└── webpack@4.29.0

如果您有不同版本的webpack，请尝试安装一个与@angular-devkit/build-angular相关版本相匹配的webpack版本。

如果您在全球范围内安装了CLI，那么您是否在全球安装了多个版本的Webpack，这也是值得检查的。

我相信你可以运行npm ls -g webpack。