Angular-cliを使用して作成されたangular2プロジェクトがあります。 webpackには、svgスプライトをロードし、svgのリストからそのスプライトを生成するローダーがあります。しかし、angular-cliでwebpack.configを変更できない場合、現在のプロジェクトでこの機能を使用するにはどうすればよいですか?
ありがとう。
npm install --save-dev svg-Sprite
src/svgs
に入れますSprite-config.json
を追加します{
"dest": "src/",
"mode": {
"css": {
"dest": "sprites",
"render": {
"scss": {
"dest": "_Sprite.scss"
}
}
}
}
}
package.json
にスクリプトを追加します"sprites": "svg-Sprite --config Sprite-config.json src/svgs/*.svg"
@import
をメインstyles.scss
に追加します@import './sprites/Sprite';
npm run sprites
を使用してスクリプトを実行しますこれをスクリプトに追加して、1つのステップでビルドします
"start": "npm run sprites && ng serve",
"build": "npm run sprites && ng build --prod"