栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

Webpack和angularJs

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Webpack和angularJs

bundle.js 由webpack生成,因此我认为您无需编写此文件。

Webpack配置文件的正确名称是webpack.config.js。使用此文件后,您可以在修改代码时使用

webpack
webpack--watch
继续编译捆绑文件来启动编译。

我创建了一个

angular-index.js
将Angular包装为CommonJS模块。这是源代码:

require('./angular.min.js');module.exports = angular;

我已经将

main.js
‘app.js’ 合并到一个文件中

var jquery = require('jquery');var angular = require('./angular-index');var myApp = angular.module('myApp', []);myApp.controller('mainCtrl', require('./mainCtrl'));

最后,我添加了

mainCtrl.js
。这只是控制器的功能定义。

module.exports = function($scope) {  $scope.firstName = 'John';  $scope.lastName = 'Doe';};

为了获得更好,更详细的说明,请阅读此博客文章https://blog.precentric.de/en/2014/08/angularjs-
browserify/
。我的工作代码在这里https://github.com/jean-rakotozafy/angular-webpack-
template



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/436385.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号