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

Question

我用webpack.I开始了一个Range2项目，我正在使用angular2-webpack-starter https://github.com/AngularClass/angular2-webpack-starter。

我想在我的应用程序中包含外部javascripts和css，我查看了一些博客，但我发现它们令人困惑。

Answer 1

我猜外部css和js是指在项目中下载的文件。如果您已经使用过webpack初学者种子，那么您很可能在src/已经设置了一个资产文件夹，以便将外部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' }
        ]),
        ...
}