我在我的应用程序中使用了browserify,并且在构建平台上遇到了一些问题。我有这个文件引用了我所有的库:
require('angular');
require('angular-aria');
require('angular-mocks');
require('angular-animate');
require('angular-notify');
require('angular-locale_fr');
require('ui-bootstrap');
require('angular-ui-router');
require('multiSelect');
require('moment');
我使用grunt-browserify并制作了两个包:app.browserify.js和libs.browserify.js。
我已经在我的package.json中找到了这个:
"browser": {
"angular": "./Vendor/angular/angular.js",
"angular-aria": "./Vendor/angular/angular-aria.js",
"angular-filter": "./Vendor/angular/angular-filter.js",
"angular-mocks": "./Vendor/angular/angular-mocks.js",
"angular-animate": "./Vendor/angular/angular-animate.js",
"angular-notify": "./Vendor/angular/angular-notify.js",
"angular-locale_fr": "./Vendor/angular/angular-locale_fr.js",
"ui-bootstrap": "./Vendor/angular/ui/ui-bootstrap.js",
"angular-ui-router": "./Vendor/angular/ui/angular-ui-router.js",
"moment": "./Vendor/moment/moment.js",
"wdPagination": "./Vendor/pagination/wdPagination.js",
"multiSelect": "./Vendor/multiselect/multiSelect.js"
},
这项工作在本地很好,但在我的构建平台文件名libs.browserify.js上生成了这个内容:
(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({},{},[]);
发生了什么? 如何查看browserify的输出日志?
感谢。
答案 0 :(得分:0)
我读了我的browserify配置,发现我忘了使用tsify来生成libs.browserify.js。本地我的文件是自动编译的,所以他找到了libs.js但是在我的构建平台上没有libs.js文件。
confLIBS: {
files: {
"Scripts/Dist/libs.browserify.js": ["Scripts/App/libs.ts"]
},
//missing
options: {
plugin: [
['tsify', {
"target": "es5",
"module": "commonjs"
}]
]
}
},