如何在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' } 
     ]), 
     ... 
}