Questions tagged «browserify»

Browserify是一个为Web浏览器打包Node.js模块的工具。

17
如何使用ES6语法导入jquery？
我正在ES6通过babelTranspiler和preset-es2015插件以及semantic-ui样式使用（JavaScript）语法编写一个新应用程序。 index.js import * as stylesheet from '../assets/styles/app.scss'; import * as jquery2 from '../dist/scripts/jquery.min'; import * as jquery3 from '../node_modules/jquery/dist/jquery.min'; console.log($('my-app')); index.html <!DOCTYPE html> <html lang="fr"> <head> <body> <script src="dist/app.js"></script> </body> </html> 项目结构 . ├── app/ │ ├── index.js ├── assets/ ├── dist/ │ ├── scripts/ │ │ ├── jquery.min.js …
2
任务运行程序（Gulp，Grunt等）和捆绑程序（Webpack，Browserify）。为什么要一起使用？
我对任务运行程序和捆绑程序世界有点陌生，在经历诸如 Grunt，Gulp，Webpack，Browserify ，我觉得两者之间并没有太大区别。换句话说，我觉得Webpack可以完成任务运行者所做的一切。但是仍然有大量示例将gulp和webpack一起使用。我不知道为什么。 对此不熟悉，我可能会朝错误的方向前进。如果您能指出我所缺少的内容，那就太好了。欢迎任何有用的链接。 提前致谢。
3
如何在Gulp中使用Browserify丑化输出？
我试图在Gulp中丑化Browserify的输出，但是它不起作用。 gulpfile.js var browserify = require('browserify'); var gulp = require('gulp'); var uglify = require('gulp-uglify'); var source = require('vinyl-source-stream'); gulp.task('browserify', function() { return browserify('./source/scripts/app.js') .bundle() .pipe(source('bundle.js')) .pipe(uglify()) // ??? .pipe(gulp.dest('./build/scripts')); }); 据我了解，我无法按以下步骤进行操作。我是否需要在一个管道中保留序列？ gulp.task('browserify', function() { return browserify('./source/scripts/app.js') .bundle() .pipe(source('bundle.js')) .pipe(uglify()) // ??? .pipe(gulp.dest('./source/scripts')); }); gulp.task('scripts', function() { return grunt.src('./source/scripts/budle.js') .pipe(uglify()) .pipe(gulp.dest('./build/scripts')); …
11
Browserify-如何在浏览器中调用通过浏览器生成的文件中捆绑的函数
我是nodejs和browserify的新手。我从这个链接开始。 我有文件main.js包含此代码 var unique = require('uniq'); var data = [1, 2, 2, 3, 4, 5, 5, 5, 6]; this.LogData =function(){ console.log(unique(data)); }; 现在，我使用npm安装uniq模块： npm install uniq 然后，我使用browserify命令将从main.js开始的所有必需模块捆绑到一个名为bundle.js的文件中： browserify main.js -o bundle.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);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var …
4
在生产中使用babel-node可以吗
我一直在开发一个使用babel-node和带有babelify转换的browserify的站点，以支持ES6语法。 我只是想知道，我是否可以在生产环境中运行它， babel-node server 而不是 node server 在节点中运行ES6还需要其他哪些选项？ 这是我正在运行的用于构建和开始开发的命令 // npm run build browserify -t [babelify] client.js > public/js/bundle.js", // npm start babel-node server.js" 这是我的开发依赖 "babel": "^4.0.1", "babelify": "^5.0.3", "browserify": "^8.0.3"
3
Browserify，Babel 6，Gulp-点差运算符上的意外令牌
我正在尝试使我的Browserify / Babelify / Gulp在我的项目中运行，但不会使用散布运算符。 我从gulpfile中收到此错误： [SyntaxError: /Users/mboutin2/Desktop/Todo-tutorial/src/reducers/grocery-list-reducers.js: Unexpected token (16:8) while parsing file: /Users/mboutin2/Desktop/Todo-tutorial/src/reducers/grocery-list-reducers.js] 这是我的gulpfile.js var gulp = require('gulp'); var source = require('vinyl-source-stream'); var browserify = require('browserify'); var sourcemaps = require('gulp-sourcemaps'); var uglify = require('gulp-uglify'); var buffer = require('vinyl-buffer'); var babelify = require('babelify'); gulp.task('build', function () { return browserify({entries: …
1
ReactDOM应该从哪里导入？
升级到version后0.14.2，我看到一个错误和建议使用ReactDOM.render()而不是React.render()，但是从哪里导入？ 当我不导入它并按原样运行时，它显示为undefined。它是内置功能还是第三方库？
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.