在angular Webpack工作流演示项目中导入angular Webpack

Webpack import angular in angular-webpack-workflow demo project

本文关键字:angular Webpack 导入 项目 工作流      更新时间:2023-09-26

我正在检查这个Webpack演示项目https://github.com/Foxandxss/GermanWords-ng1-webpack.这个项目在几个文件中包含这一行(features/home/index,features/login/index):

import angular from 'angular';

我不明白-"angular"库是否会因为存在于多个源文件中而多次包含在结果js文件中?我看过webpack的配置文件,但无法理解。请你澄清这些问题好吗?

这只是为了确保每个模块都可以使用angular。想象一下,你使用一个功能作为一个新的独立网站,你已经准备好了代码。总是认为每个功能都是独立的(处理路由、依赖项、控制器、视图等)

Webpack将处理依赖关系,并且只注入一次角,不用担心。就像@thsorens在评论中所说的:"文件中的所有依赖项都需要导入到使用它的地方。"

哦,此外,我在Foxandxs的工作基础上发现了这个yeoman生成器:https://github.com/Aleksion/generator-angular-webpack-babel

玩得开心。