Javascript Browserify输出代码不';不能在浏览器中执行
也许这个问题以前被问过,但我已经阅读了过去4个小时的所有内容,我仍然不明白它是如何工作的,所以我放弃了。 我有main.js和代码:Javascript Browserify输出代码不';不能在浏览器中执行,javascript,browserify,Javascript,Browserify,也许这个问题以前被问过,但我已经阅读了过去4个小时的所有内容,我仍然不明白它是如何工作的,所以我放弃了。 我有main.js和代码: var hello = require('./hello.js'); hello.helloWorld(); exports.helloWorld = function () { alert('Hello browserify world!'); } 和hello.js,代码如下: var hello = require('./hello.js');
var hello = require('./hello.js');
hello.helloWorld();
exports.helloWorld = function () {
alert('Hello browserify world!');
}
和hello.js,代码如下:
var hello = require('./hello.js');
hello.helloWorld();
exports.helloWorld = function () {
alert('Hello browserify world!');
}
然后我按照文档中所说的做:
browserify main.js -o packed.js
结果packed.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
})({
1: [function (require, module, exports) {
(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
})({
1: [function (require, module, exports) {
}, {}]
}, {}, [1]);
}, {}]
}, {}, [1]);
(函数e(t,n,r){
函数s(o,u){
如果(!n[o]){
if(!t[o]){
变量a=类型需求==“功能”&&require;
如果(!u&&a)返回一个(o,!0);
如果(i)返回i(o,!0);
var f=新错误(“找不到模块“'+o+””);
抛出f.code=“模块未找到”,f
}
var l=n[o]={exports:{};
t[o][0]。调用(l.exports,函数(e){
var n=t[o][1][e];
返回s(n?n:e)
}出口,出口,出口,出口,出口
}
返回n[o]。导出
}
var i=需要的类型==“功能”&&require;
对于(var o=0;o
无论main.js包含什么,它看起来都一样(我尝试了一些大的react js代码)。根据文档,我只需要将它包含在
标签中的我的页面中。当然,它不起作用。那怎么了?这两个函数完全相同。 我想跳过它,但我不能,因为我需要知道哪些依赖项应该以这种方式解决 更新:根据NodeJS样式添加了另一次尝试 _______________更新\uuuuuuuuuuuuuuuuuuuuuuuuuuuu
我似乎花了太长时间坐在笔记本电脑前。我混淆了文件的路径,因此尝试处理空文件。Browserify旨在采用Node.js样式的代码并使其在浏览器中工作。这意味着您应该使用Node.js/CommonJS模块样式 您不需要使用
window.onload
,因为主js文件中的任何内容都将执行
如果您想使用react,您需要使用NPM安装模块,然后在JS文件中需要它
var react = require('react');
react.blah();
试着按照这样的指南进行操作,如果你可以使用它,那么你可以将其作为代码的起点。Browserify旨在采用Node.js样式的代码并使其在浏览器中工作。这意味着您应该使用Node.js/CommonJS模块样式 您不需要使用
window.onload
,因为主js文件中的任何内容都将执行
如果您想使用react,您需要使用NPM安装模块,然后在JS文件中需要它
var react = require('react');
react.blah();
请尝试按照这样的指南进行操作,如果您可以使用它,那么您可以将其作为代码的起点。感谢您提供的链接,我以前看过并尝试过它。我更新了我的帖子,你能再检查一下吗?谢谢你的链接,我以前看过并试过了。我更新了我的帖子,你能再检查一下吗?有点不对劲。如果您查看输出,它不包含任何输入代码,因此它实际上没有执行任何有用的操作。是的,就是这样。请查看我的最新更新。方法不正确。如果您查看输出,它不包含任何输入代码,因此它实际上没有执行任何有用的操作。是的,就是这样。请看我的最新更新