Webpack svg sprite加载程序,带有Angular 8自定义网页包配置
我正在尝试使用svg sprite loader包(创建svg sprite)和使用自定义网页配置的Angular 8项目 我正在使用以下自定义配置:Webpack svg sprite加载程序,带有Angular 8自定义网页包配置,webpack,angular8,svg-sprite,Webpack,Angular8,Svg Sprite,我正在尝试使用svg sprite loader包(创建svg sprite)和使用自定义网页配置的Angular 8项目 我正在使用以下自定义配置: const SpriteLoaderPlugin = require('svg-sprite-loader/plugin'); module.exports = { module: { rules: [ { test: /\.(svg)$/,
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”
我无法确定问题出在哪里,是我的配置还是软件包本身。您可能需要通过
npm I-D Webpack将Webpack作为显式依赖项安装
或者您可能安装了两个不同版本的Webpack
运行npm ls网页
您应该看到如下内容:
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,请尝试npm安装与@angular devkit/build angular
依赖项相匹配的webpack版本
如果全局安装了CLI,那么还需要检查是否全局安装了多个版本的Webpack
我相信您可以运行npm ls-g webpack
您可能需要通过npm I-D webpack
将webpack作为显式依赖项安装
或者您可能安装了两个不同版本的Webpack
运行npm ls网页
您应该看到如下内容:
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,请尝试npm安装与@angular devkit/build angular
依赖项相匹配的webpack版本
如果全局安装了CLI,那么还需要检查是否全局安装了多个版本的Webpack
我相信你可以运行npmls-gwebpack