Webpack -在Angular 2中调用外部JS
Webpack是一个现代化的静态模块打包工具，它主要用于将前端应用程序的各个模块打包成一个或多个静态资源文件。在Angular 2中调用外部JS时，可以使用Webpack来处理。
Webpack的优势包括：
- 模块化管理：Webpack支持将应用程序拆分成多个模块，使得代码更加可维护和可复用。
- 资源优化：Webpack可以对静态资源进行优化，如压缩、合并、代码分割等，以提高应用程序的性能。
- 开发环境支持：Webpack提供了开发环境下的热模块替换（Hot Module Replacement）功能，可以实时更新修改的模块，提高开发效率。
- 生态系统丰富：Webpack拥有庞大的插件生态系统，可以满足各种需求，如代码分割、静态资源优化、代码检查等。
在Angular 2中调用外部JS时，可以通过Webpack的配置来引入外部JS文件。具体步骤如下：
- 在Webpack的配置文件中，通过配置entry属性指定入口文件，可以是Angular 2的主模块文件。
- 在Webpack的配置文件中，通过配置module.rules属性，使用相应的loader来处理外部JS文件。例如，可以使用babel-loader来转译ES6语法。
- 在Angular 2的组件中，通过import语句引入外部JS文件，可以使用ES6的模块化语法进行引入。
对于推荐的腾讯云相关产品和产品介绍链接地址，由于不能提及具体品牌商，建议参考腾讯云的官方文档和产品介绍页面，以获取更详细的信息和相关产品推荐。
参考链接：
- Webpack官方网站：https://webpack.js.org/
- Angular官方网站：https://angular.io/
- 腾讯云官方文档：https://cloud.tencent.com/document/product
- 腾讯云产品介绍页面：https://cloud.tencent.com/product
相关·内容
2回答
使用离子和Webpack导入ngstorage时，无法解析模块'angular‘
javascript、angularjs、ionic-framework、webpack
我正在实现一个应用程序使用离子与Webpack和Typescript。我通过npm安装了'ngstorage‘，并尝试在ts文件入口中导入，但Webpack显示错误-’无法解析模块'angular'‘。我已经搜索了这个错误，并意识到我需要在package.json文件和node_modules中包含angular。然而，ionic-sdk模块已经包含了angular。所以它在浏览器中显示了一个不可接受的错误，我试图多次加载angular。
浏览 0提问于2016-04-08得票数 4
1回答
Webpack -在Angular 2中调用外部JS
javascript、angular、webpack、webpack-dev-server
我想从systemJS换成webpack。除了让我的一个外部脚本再次运行之外，大多数设置似乎都在工作。declare var ExternalCode: any;.在webpa
浏览 8提问于2017-02-02得票数 1
1回答
如何设置外接模块的角度测试
javascript、angular、unit-testing
_/webpack:/node_modules/@angular/core/fesm5/testing.js:945:1)at UserContext._/webpack:&#x
浏览 0提问于2018-07-23得票数 0
1回答
Webpack两次装载模块
angularjs、webpack、commonjs
我正在使用webpack构建我的angular.js应用程序。给出一个简单的例子：var angular = require('exports?window.angular!angular-moment.js //
浏览 1提问于2015-07-20得票数 5
回答已采纳
3回答
在Angular2命令行界面中使用外部javascript AMD模块
javascript、angular
当我使用Angular2预发行版时，我必须使用systemjs才能使用外部javascript库，即ESRI ArcGIS JavaScript API，它是基于AMD模块的(虽然可以使用类型)。现在，我想迁移到Angular2命令行界面。但是，我不明白如何在Angular2从systemjs迁移到webpack之后导入像arcgis这样的外部库，而不需要修改webpack.config文件。外部库存储在以下目录下：
<scri
浏览 3提问于2017-02-01得票数 7
9回答
角度2:将外部js文件导入组件
javascript、angular、webpack
我将把这个文件导入到我的angular2组件memmon.component.ts文件中。export class MemMonComponent { new drawGauge(this.opt); //drawGauge() is a function inside d3gauge.js
浏览 5提问于2016-05-06得票数 66
回答已采纳
1回答
导入内联js脚本webpack
javascript、webpack
我正在用Webpack写一个Angular应用程序。有没有办法做到这一点，webpack？或者我坚持声明它是一个全局的？<html>...<script> 'angular' return angular.module(
浏览 4提问于2015-12-17得票数 1
1回答
Webpack与Angular2和VS 2015
visual-studio、angular、typescript、npm、webpack
如何将Visual Studio2015与Webpack和Angular2结合使用。我已经用VS创建了一个工作的Angular2应用程序，但现在我已经添加了Webpack来构建我的应用程序。我不想使用IIS Express在一个点上调试我所有的代码，甚至c# web api，我也不想使用外部HTTP Server。有人这么做过吗？我如何才能运行webpack脚本来运行这段代码<% i
浏览 4提问于2016-10-31得票数 3
2回答
角微应用程序元素间的共享库
angular、angular-elements、webpack-externals、ngx-build-plus
我遵循了下面的教程
module.exports ={ "externals"：{ "rxjs"："rxjs“、"@angular/
浏览 3提问于2020-05-20得票数 1
回答已采纳
2回答
如何从webpack捆绑的javascript中单独加载组件？
javascript、reactjs、webpack
我想从我的webpack捆绑文件外部加载一个组件到我的React应用程序中。为了详细说明我的观点，这里有一个我想要的示例HTML文件：<body> <script src="/dist/app.js"></script>
<script src="/externa
浏览 23提问于2017-01-11得票数 4
回答已采纳
1回答
如何使用webpack收录node_modules？
angularjs、webpack、webpack-4
在我的angularjs1.3应用程序中，我之前使用的是凉亭和咕噜声，它运行得很好。我在我的index.html中添加了文件，如下所示。目前，它只是在vendor.js中添加vendor.js文件和其他几个文件。Index.htmlPackage.jsonwebpack.config.js更新问题：
现在我使用的是下面的bootstrap_and_some_plugin.css.js，但是它创建了webpac
浏览 0提问于2018-10-25得票数 4
1回答
使用webpack负载输入打字稿中的角度
javascript、angularjs、typescript、ecmascript-6、webpack
我正在使用webpack与ts-加载程序一起编写打字本代码.然而，当我像这样导入角度时：angular.module("app"] Hash: 155db0dc394ae32ae9e6Time: 2845ms
Asset Size Chunks/~/angular/index.
浏览 3提问于2016-10-28得票数 0
回答已采纳
1回答
角度9的视频JS -实时视频-“不能解决视频JS”的问题？
javascript、angular、video.js
我正在努力让视频to在我的角9应用程序中工作。我已经查看了所有的现有堆栈溢出帖子，应用了它们的解决方案，查看了不同的博客文章和github关于视频js的问题，但我仍然存在“无法解决视频js”的问题。": "^3.11.0"}const HtmlWebpackPlugin = require('html-webpack-plugin');
const\stroke-care-projec
浏览 0提问于2020-08-06得票数 3
回答已采纳
1回答
ASP.NET JavaScriptServices核和角质材料2
asp.net-core、angular-material2
我在app.module.ts中导入了角材料2： import { RouterModule } from '@angular/router'; import { AppComponent } from '.</p>
浏览 3提问于2017-03-22得票数 1
2回答
Visual Studio 2017 + Core 2+ Angular项目-加载和使用第三方库
angular、typescript、webpack、visual-studio-2017
首先，我做了npm install --save，它在node_modules中加载了moment，然后我打开了webpack.config.vendor.js，并添加了moment到不摇动的树上，如下所示我选择'moment/moment‘是因为node_module/moment/moment.js存在)webpack --config webpack.config.vendor.js注意:当我打开生成的vendor.j
浏览 2提问于2017-10-28得票数 1
1回答
如何在有角度的网络工作人员中导入节点模块？
node.js、angular、typescript、web-worker、angular8
我试图在 中导入一个节点模块，但是得到一个编译错误“无法找到模块”。有人知道怎么解决这个问题吗？我用ng generate web-worker app在我的电子项目中创建了一个新的工作人员，就像上面提到的ng文档所描述的那样。在我添加诸如path或fs-extra之类的导入之前，所有操作都很好：import * as path from 'pathconst response =
浏览 0提问于2019-09-03得票数 6
回答已采纳
2回答
AOT编译器-包括延迟加载的外部模块
angular、webpack、angular-compiler-cli、angular-compiler
我正在尝试将外部模块(托管在git/npm存储库中)作为延迟加载模块包含在我的角度应用程序中。/src/ngfactory/node_modules/@angular-universal-serverless/external-module/release/src/index.js' in '//~/@angular/core/@angul
浏览 5提问于2017-10-16得票数 5
回答已采纳
2回答
如何在angular 2应用程序中包含jquery库
javascript、angular、angular2-forms
如何在Angular 2应用程序中包含第三方jQuery库？
如何在angular 2应用程序中包含 jQuery库？
浏览 0提问于2018-07-10得票数 0
1回答
角垫选择与webpack模块联邦事件问题
angular、webpack、angular-material、webpack-module-federation
我在MonoRepo中有两个Angular应用程序，一个外壳应用程序和一个内容应用程序。shell应用程序就像一个显示卡片的登录页面，点击它，内容应用程序就会显示出来。在此内容应用程序中，我使用了mat-select控件，它不会关闭面板上的外部单击->问题！看起来外部的点击事件是由shell应用程序捕获的。如果我在shell应用程序中使用mat-select，一切都会正常工作。这是我的shell webpack配置：
const webpack = require
浏览 27提问于2021-05-20得票数 2
回答已采纳
2回答
/node_modules/@prisma/client/runtime/index.js:35865:17-40 -错误:未找到模块:错误:无法解析'_http_common‘
angular、express、angular-universal、prisma
我在快递引擎中使用了角通用，服务器的构建失败了，这条错误消息是：
./node_modules/@prisma/client/runtime/index.js:35865:17-40 -错误:未找到模块:错误:无法解析'C:\Users\jude\Documents\Portfolio
浏览 9提问于2022-02-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
