как включить внешний javascript или css в webpack angular2

Question

Я начал с углового проекта 2 с помощью webpack.Я использую angular2-webpack-starterhttps://github.com/AngularClass/angular2-webpack-starter.

Я хочу включить внешние javascripts и css в свое приложение. Я проверил несколько блогов, но я нашел их запутанными.

Answer 1

Я предполагаю, что внешние css и js вы имеете в виду загруженные файлы, которые у вас есть в вашем проекте. Если вы использовали начальное семя webpack, так как у вас, скорее всего, есть папка с ресурсами внутри src /, которая уже настроена для размещения внешних файлов css и js и перечислить их в файле index.html.

Если нет, то перезакачает семя, если вы хотите, чтобы начать снова, или вы можете создать эту папку в ГКЗ, и включают в себя файлы в файле index.html, что-то вроде

<script src="/assets/css/lib.min.css" /> 
<script src="/assets/js/lib.min.js" /> 

Если вы с помощью webpack, вам также нужно будет сообщить webpack, чтобы переместить папку активов в место создания. В webpack.config.js вы можете сделать следующее:

const CopyWebpackPlugin = require('copy-webpack-plugin'); 

module.exports = { 
    ... 
    plugins: [ 
     new CopyWebpackPlugin([ 
      { from: 'src/assets', to 'assets' } 
     ]), 
     ... 
}