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

how to include external javascript or css in webpack angular2

本文关键字：javascript CSS 包含外 webpack angular2      更新时间：2023-09-26

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

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

我猜外部css和js你的意思是下载的文件，你有在你的项目某处。如果你已经使用了webpack starter种子，那么你很可能在src/目录下已经设置了一个assets文件夹，用于放置外部css和js文件，并将它们列在index.html文件中。

如果没有，如果您想重新开始，可以重新下载种子，或者您可以在src下创建这个文件夹，并将文件包含在index.html文件中，如

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

如果你使用webpack进行绑定，那么你还需要告诉webpack将assets文件夹移动到create位置。在webpack.config.js中，你可以这样做:

const CopyWebpackPlugin = require('copy-webpack-plugin');
module.exports = {
    ...
    plugins: [
        new CopyWebpackPlugin([
            { from: 'src/assets', to 'assets' }
        ]),
        ...
}
相关文章：