从 gulp 中使用 browserify 时如何向浏览器公开“要

时间：2023-05-29

本文介绍了从 gulp 中使用 browserify 时如何向浏览器公开“要求"?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

限时送ChatGPT账号..

当我有一个看起来像这样的文件 x.js 时:

When I have a file x.js that looks like this:

x.js

module.exports = function (n) { return n * 111 }

然后我像这样从命令行运行 browserify:

and I run browserify from the command line like so:

browserify -r ./x.js > bundle.js

我得到一个看起来像这样的输出文件(大致):

I get an output file that looks like this (roughly):

require=(function e(t,n,r){function ......
./App.jsx":[function(require,module,exports){
module.exports=require('0+DPR/');
},{}]},{},[])

然后在我的浏览器代码中我可以这样做:

Then in my browser code I can do this:

<html>
  <head>
    <title>React server rendering example</title>
    <script src="static/bundle.js"></script>
  </head>
  <body>
    Welcome to the React server rendering example. Here is a server-rendered React component:
    <div id="53a442ff8b39d"></div><script>
    var x = require('./x.js');
    console.log(x(3))
</script>  </body>
</html>

我其实有两个问题:

1) 这在浏览器中不太有效我收到错误:未捕获的错误:找不到模块'./x.js'".为什么会这样?

1) This doesn't quite work in the browser I get the error: "Uncaught Error: Cannot find module './x.js'". Why is that happening?

2) 我实际上想使用乙烯基源流在 gulp 中运行它.我试过在我的 gulpfile 中做这样的事情，但它不起作用.有任何想法吗?我收到错误未定义要求"

2) I actually want to run this in gulp using vinyl-source-stream. I've tried doing something like this in my gulpfile but it doesn't work. Any ideas? I get the error 'require is not defined'

var   gulp = require('gulp'),
  browserify = require('browserify'),
  source = require('vinyl-source-stream');

var b = browserify({
    entries: ['./x.js'],
  });
   b.bundle({debug: false})
   .pipe(source('bundle.js'))
   .pipe(gulp.dest('./build'));

从 gulp 中使用 browserify 时如何向浏览器公开“要

问题描述

推荐答案

相关文章

最新文章