Angularjs 使用browserify定义模块时出错_Angularjs_Npm_Browserify

Angularjs 使用browserify定义模块时出错

angularjs npm

Angularjs 使用browserify定义模块时出错,angularjs,npm,browserify,Angularjs,Npm,Browserify,我不确定我做得对。我定义了以下模块： require('angular'); require('angular-ui-router'); var $ = require('jquery'); require('bootstrap'); 我的package.json文件如下： { "name": "web", "version": "1.0.0", "description": "", "main": "main.js", "scripts": { "build":

我不确定我做得对。我定义了以下模块：

require('angular');
require('angular-ui-router');
var $ = require('jquery');
require('bootstrap');

我的package.json文件如下：

{
  "name": "web",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "scripts": {
    "build": "browserify main.js -o bundle.js"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "browserify": "^12.0.1"
  },
  "dependencies": {
    "angular": "^1.4.8",
    "angular-ui-router": "^0.2.15",
    "bootstrap": "^3.3.6",
    "bootstrap-social": "^4.11.0",
    "font-awesome": "^4.5.0",
    "jquery": "^2.1.4"
  }
}

和我的html页面：

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
    <head>
        <!-- Custom styles for this template -->
        <link href="css/style.css" rel="stylesheet">
    </head>

    <body>
        <div id="wrap">
            <!--header-->
            <div ui-view="header"></div>
            <!--main content-->
            <div ui-view="content"></div>
        </div>

        <!--push the footer down-->
        <div id="push"></div>

        <!--footer-->
        <div ui-view="footer"></div>

        <script src="bundle.js"></script>
        <script src="commonViews/commonView.js"></script> //angular module defined
    </body>
</html>


//定义的角模

当我运行html页面时，控制台中会出现一个错误，提示“angular未定义”

我做错了什么？我已经运行了命令

browserify maing.js-o bundle.js

，该命令将所有代码缩小到bundle.js文件中，但仍然存在相同的错误。除此之外，我不能捆绑引导和字体可怕的css文件。broswerify不支持css文件是真的吗？

您第一次在哪里使用angular？如果您将angular作为一个模块包含，它可能不会在全局范围内公开。@hege_hegedus我在

commonView.js

文件中使用angular。我想它应该使用browserify right从

bundle.js

文件构建中提取angular？尝试插入

var angular=require（'angular'）

在

commonView.js

@hege_hegedus的开头将其更改为webpack，并且除了jquery和bootstrap css以及字体可怕的css文件外，其对angular的工作良好Browserify无法打包css