Angular `build` 在使用`webpack`声明外部依赖时抛出错误。
创始人
2024-10-21 00:30:21
0

当使用Angular的build命令结合webpack来声明外部依赖时,可能会抛出错误。下面是解决这个问题的步骤和代码示例:

步骤1:安装所需的依赖

首先,确保已经安装了Angular CLI和webpack。如果尚未安装,可以使用以下命令进行安装:

npm install -g @angular/cli
npm install -g webpack

步骤2:修改webpack配置文件

在项目的根目录下,找到webpack.config.js文件并打开它。添加一个externals属性,用于声明外部依赖。例如,如果要声明jquery作为外部依赖,可以这样写:

module.exports = {
  // 其他配置项...
  externals: {
    jquery: 'jQuery'
  }
};

步骤3:修改Angular配置文件

在项目的根目录下,找到angular.json文件并打开它。在projects > [your-project-name] > architect > build > options中添加一个scripts属性,用于引入外部依赖。例如,如果要引入jQuery,可以这样写:

"scripts": [
  "node_modules/jquery/dist/jquery.min.js"
]

步骤4:使用build命令进行构建

现在可以使用Angular的build命令进行构建了。在终端中运行以下命令:

ng build

这将使用webpack的配置来构建Angular应用,并且会正确地处理外部依赖。

希望这个解决方法对你有帮助!

相关内容

热门资讯

透视练习!newpoker脚本... 透视练习!newpoker脚本(透视)epoker透视(辅助)一贯一直都是有插件(哔哩哔哩)1、任何...
目前!菠萝德普辅助器免费版在哪... 目前!菠萝德普辅助器免费版在哪里(透视)兴动互娱技巧(果然是真的辅助下载)-哔哩哔哩1、下载好兴动互...
经核实!wepoker辅助软件... 经核实!wepoker辅助软件视频(透视)金虎爷有挂吗(其实有辅助插件)-哔哩哔哩1、在wepoke...
透视积累!红龙poker辅助(... 透视积累!红龙poker辅助(透视)pokerrrr2辅助(辅助)果然一直总是有工具(哔哩哔哩);1...
现有关情况通报如下!pokem... 现有关情况通报如下!pokemmo手机脚本辅助器(透视)透视辅助功能插件(好像真的是有辅助工具)-哔...
透视步骤!werplan怎么作... 透视步骤!werplan怎么作必弊(透视)拱趴大菠萝有挂吗(辅助)切实是有方法(哔哩哔哩)1、玩家可...
随着!扑克之星辅助(透视)浙江... 随着!扑克之星辅助(透视)浙江温州游戏辅助器(真是真的是有辅助工具)-哔哩哔哩1、浙江温州游戏辅助器...
透视学习!epoker免费透视... 透视学习!epoker免费透视脚本(透视)werplan免费挂下载(辅助)都是真的是有插件(哔哩哔哩...
据权威媒体报道!we poke... 据权威媒体报道!we poker游戏下(透视)创思维激k看底牌辅助开发商(原来有辅助神器)-哔哩哔哩...
透视演示!德州局透视(透视)i... 透视演示!德州局透视(透视)impoker辅助(辅助)切实一直总是有教程(哔哩哔哩)1、金币登录送、...