如何在webpack中包含外部javascript或css angular2

Question

我正在啓動一個帶有webpack的angular 2項目。我正在使用angular2-webpack-starterhttps://github.com/AngularClass/angular2-webpack-starter。

我想包括外部javascript和css在我的app.I檢查了一些博客，但我發現他們混淆。

Answer 1

我猜外部CSS和JS你的意思是你下載的文件，你有你的項目在某個地方。如果你已經使用了webpack starter seed，你最有可能在src/thats裏面有一個assets文件夾，它已經爲你設置了外部的css和js文件，並將它們列在index.html文件中。

如果沒有，要麼重新下載種子如果你想重新開始，或者可以創建src下此文件夾，包括在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' } 
     ]), 
     ... 
}