Включить js-файлы в компоненты

Question

У меня есть шаблон для администратора (с плагинами bootstrap, jQuery и jQuery), и я хотел бы интегрировать его в мой проект Angular2 (2.1.0).

Существует много плагинов jQuery (и js-файлов), и я не могу их интегрировать в index.html. Я должен был включить некоторые из них в каждый компонент.

Можете ли вы рассказать мне, как включить внешние компоненты js в компоненты? (У меня уже есть файлы js в /assets)

Answer 1

В моем проекте мы используем webpack, и поэтому он проходит через 3 точки входа, чтобы начать мой проект. Например, в моем vendor.ts я включаю jquery и bootstraps javascript, добавляя эти строки.

import 'jquery'; 
import 'bootstrap/dist/js/bootstrap'; 

В WebPack У меня есть загрузчик для моего СКС

config.module = { 
loaders: [ 
    { test: /\.scss$/, loader: 'style!css!postcss!sass', include: path.resolve('client/scss') } 
] 

};

тогда мои main.ts файл импортирует мой файл main.scss по

import './scss/main.scss'; 

и, наконец, в моем файле main.scss я есть в верхней части, чтобы импортировать самозагрузки и шрифт-удивительный

@import "~font-awesome/css/font-awesome.css"; 
@import "~bootstrap/dist/css/bootstrap.min.css"; 

Bonus Если вам нужен шрифт-удивительный | использование webpack | нужен погрузчик

config.module = { 
loaders: [ 
    { 
     test: /\.(jpe|jpg|woff|woff2|eot|ttf|svg)(\?.*$|$)/, 
     loader: 'file?name=assets/fonts/[name].[ext]' 
    } 
] 

};