プログラミング browserify

17

私はトランスパイラーとプラグインES6を介して（JavaScript）構文を使用して、またスタイルのために新しいアプリを書いてbabelいpreset-es2015ますsemantic-ui。 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 …

128 javascript jquery ecmascript-6 browserify semantic-ui

2

タスクランナー（Gulp、Gruntなど）およびBundlers（Webpack、Browserify）。なぜ一緒に使うの？

私はタスクランナーとバンドラーの世界では少し新しいです。 Grunt、Gulp、Webpack、Browserify 、両者に大きな違いがあるとは感じませんでした。言い換えれば、Webpackはタスクランナーが行うすべてのことを実行できると感じています。しかし、それでもgulpとwebpackが一緒に使用されている巨大な例がありました。理由が分からなかった。これが初めてなので、間違った方向に進んでいる可能性があります。あなたが私が欠けているものを指摘することができればそれは素晴らしいでしょう。役立つリンクがあれば大歓迎です。前もって感謝します。

117 gruntjs gulp bundler browserify 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')); }); 私の理解では、次のような手順では作成できません。シーケンスを保持するために1つのパイプで作成する必要がありますか？ 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')); …

112 javascript node.js gulp browserify uglifyjs

11

Browserify-ブラウザの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 …

95 node.js npm browserify

6

browserifyで縮小された出力を取得するにはどうすればよいですか？

browserifyを使い始めたばかり、縮小された出力を流出させる方法についてのドキュメントが見つかりません。だから私は次のようなものを探しています： $> browserify main.js > bundle.js --minified

90 javascript node.js browserify

4

本番環境でbabel-nodeを使用しても大丈夫ですか

ES6構文をサポートするために、babel-nodeとbabelifyトランスフォームを使用したbrowserifyを使用してサイトを開発しています。 ES6をノードで実行するために必要な他のオプションではbabel-node server なく、本番node server 環境でこれを実行できますか？これが私がビルドのために実行していて開発を開始するコマンドです // 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"

87 javascript node.js browserify babeljs

9

browserifyエラー/ usr / bin / env：ノード：そのようなファイルまたはディレクトリはありません

apt-get installとすべての依存関係を介してノードjsとnpmをインストールしてから、browserifyをインストールしました npm install browserify -g プロセスを経て、正しくインストールされているように見えますが、このウォークスルーに従って単純なバンドルを実行しようとするとエラーが発生します： / usr / bin / env：ノード：そのようなファイルまたはディレクトリはありません

85 javascript node.js browserify

タグ付けされた質問 「browserify」

タグ付けされた質問「browserify」