webpack

RSS

  • 受付中

    回答
    0

    JavaScriptでファイルを読み込む際のパスの記述方法

    前提・実現したいこと 下記のようなディレクトリ構造で、SelectBox.jsxが下記のような内容だとします。 root/ ├ dist/ ├ json_data/ │ └ data.json ├ node_modules/ ├ src/ │ ├ components/ │ │ ├ Hoge.jsx │ │ └ SelectBox.jsx │

    • 0評価
    • 51PV
    • JavaScript

      10017questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Node.js

      1076questions

      Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

    • React.js

      300questions

      A JavaScript library for building user interfaces

    • webpack

      75questions

    • ECMAScript

      82questions

      ECMAScriptとは、JavaScript類の標準を定めるために作られたスクリプト言語です。

    teratailが4日前に アップデート

  • 受付中

    回答
    0

    webpack3でes6がコンパイルできない

    webpack3.4.1でes6がコンパイルできないのですが、理由がわかりません。 エラーが出ている訳ではありませんが、なぜかできません。 babel-loaderは7.1.1になります。

    • 0評価
    • 41PV
    • webpack

      75questions

    • Babel

      27questions

      Babelは、JavaScriptの次世代仕様であるECMAScriptのコンパイラ。次世代の標準機能を用いて記述されたコードを、それらの機能に対応していないブラウザでも動作するコードに変換することができます。

    teratailが2週間前に アップデート

  • 受付中

    回答
    0

    webpack2 or 3への以降につきまして

    gulpとbabelとwebpackを使ってフロントエンドの環境を構築しております。 ですが、先人の作成した環境を参考にしながらやったところ、webpackがver.1を扱っておりました。 私がインストールしたものがver.3.4.1で、下記のようなエラーが出てしまいました。 ちなみにですが、gulp(ver.3.9.1)、babel-loader(7.

    • 0評価
    • 56PV
    • webpack

      75questions

    • Babel

      27questions

      Babelは、JavaScriptの次世代仕様であるECMAScriptのコンパイラ。次世代の標準機能を用いて記述されたコードを、それらの機能に対応していないブラウザでも動作するコードに変換することができます。

    teratailが2週間前に アップデート

  • 受付中

    回答
    1

    rails5 のturbolinksの挙動(Createの後とUpdateの後だと読み込むJSが違う...

    前提・実現したいこと 画面の構成として、 index.html.erbにtableがあってUser一覧が表示されています。 追加ボタンを押すとModalが表示され、入力して、Createすると右上にFlash（PNotifyを利用） が表示され、また、indexにredirectされます。 Createの流れ index画面 ↓ 追加ボタ

    • 0評価
    • 56PV
    • JavaScript

      10017questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Ruby on Rails

      4418questions

      Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

    • webpack

      75questions

    NCC1701 NCC1701 2週間前に 回答

  • 受付中

    回答
    1

    webpack + typescript + bootstrap

    webpackにて、entryをTypeScriptファイル（app.ts）としております。 var webpack = require ('webpack'); module.exports = { entry: { 'app' : './src/app.ts' }, ... app.ts内で、cssを呼び出して

    • 1評価
    • 333PV
    • TypeScript

      134questions

      TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

    • webpack

      75questions

    hitosi-cpp hitosi-cpp 3週間前に 回答

  • 受付中

    回答
    0

    WebpackでSlickを使用する際に、"slick-theme.scss"内で使用されている画像...

    内容 WebpackでjQueryのスライダー用ライブラリSlickを使用しているのですが、 slick-theme.scssをimportするとscss内で定義されている画像とフォントのパスが localhostのドキュメントルートからのパスになってしまい404 Not Foundとなってしまいます。 現状回避策として、 htmlファイルに直接書きを記

    • 0評価
    • 331PV
    • webpack

      75questions

    teratailが3週間前に アップデート

  • 解決済

    回答
    1

    Electronでパッケージ化する際にエラーが起こるCommand failed: npm prun...

    お世話になります。 今回お聞きしたいことは、Electronでパッケージ化する際にエラーが起こります。 今回使用した環境 この一番初期の状態ではパッケージ化までうまくいったんですが、 reactのサンプルをまねたものを作った場合では、うまくパッケージ化できなくなります。 この場合悪いのは、webpackなのかelectronなのかが分かりません。 何が悪さを

    • 0評価
    • 88PV
    • React.js

      300questions

      A JavaScript library for building user interfaces

    • webpack

      75questions

    • Electron

      139questions

      Electronは、HTML5とNode.jsというWebの技術を用いてデスクトップアプリケーションを作成できるクロスプラットフォームな実行環境です。

    • npm

      116questions

      npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

    wake_up_kemeko wake_up_kemeko 3週間前に 回答を編集

  • 解決済

    回答
    2

    Laravel MixのbrowserSyncでブラウザの自動再読み込みをしたいけどCouldn't...

    前提・実現したいこと LaravelのプロジェクトでLaravelMixのbrowserSyncを使い、ファイルを編集して保存すると自動でブラウザが再読み込みされるようにしたいのですが、npm run watchやnpm run watch-pollを実行しても以下のようなエラーが発生します。 こちらのドキュメントの「Browsersyncリロード」を参

    • 0評価
    • 187PV
    • Laravel 5

      748questions

      Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

    • webpack

      75questions

    YorihiroKatsuki YorihiroKatsuki 3週間前に 回答

  • 解決済

    回答
    1

    Expressのルーティングでhtmlファイルを呼び出すとUncaught SyntaxError:...

    お世話になります。 electronでnode.js,expressでログイン画面を作ろうと思い、 セッションにユーザーIDが設定されていなければログイン画面を表示するという ルーティングがしたいんですが、ログイン画面のエントリー部分のhtmlファイルをレンダリングすると Uncaught SyntaxError: Unexpected token <

    • 0評価
    • 44PV
    • Node.js

      1076questions

      Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

    • Express

      109questions

      ExpressはNode.jsのWebアプリケーションフレームワークです。 マルチページを構築するための機能セットおよびハイブリッドのWebアプリケーションを提供します。

    • React.js

      300questions

      A JavaScript library for building user interfaces

    • webpack

      75questions

    • Electron

      139questions

      Electronは、HTML5とNode.jsというWebの技術を用いてデスクトップアプリケーションを作成できるクロスプラットフォームな実行環境です。

    RyoM RyoM 1ヶ月前に ベストアンサー

  • 解決済

    回答
    1

    webpack(3.0.0)でのビルドでエラーが出る。

    React,webpack,babel,es6初心者です。 以下のサイトを参考にしてreactでいいねボタンを作ろうとしています。 http://c16e.com/1510161700/ 上の記事は少しバージョンが古くエラーが出るのでそれを修正した記事もあったのでそちらも参考にしながら進めていました。 http://qiita.com/wipiano

    • 0評価
    • 159PV
    • React.js

      300questions

      A JavaScript library for building user interfaces

    • webpack

      75questions

    • Babel

      27questions

      Babelは、JavaScriptの次世代仕様であるECMAScriptのコンパイラ。次世代の標準機能を用いて記述されたコードを、それらの機能に対応していないブラウザでも動作するコードに変換することができます。

    cloudspider cloudspider 1ヶ月前に ベストアンサー

  • 解決済

    回答
    2

    webpack-streamがインストールできない

    前提・実現したいこと 「ゼロから始めるJavaScript生活」というjavascriptフルスタックを目指すチュートリアルの途中のWebpackをGulpに統合する章でつまずいています。 該当の記事 発生している問題・エラーメッセージ yarn add --dev webpack-streamを実行 yarn add v0.27.5 [1/4] R

    • 0評価
    • 237PV
    • JavaScript

      10017questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Node.js

      1076questions

      Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

    • gulp

      188questions

      gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

    • webpack

      75questions

    • Babel

      27questions

      Babelは、JavaScriptの次世代仕様であるECMAScriptのコンパイラ。次世代の標準機能を用いて記述されたコードを、それらの機能に対応していないブラウザでも動作するコードに変換することができます。

    ksyunnnn ksyunnnn 1ヶ月前に 回答

  • 受付中

    回答
    0

    webpackでhtmlを出力する方法

    webpackをつかって、html,css,jsを複数出力したいのですが、 html-loaderを使ってhtmlを出力すると、下記のコメントのようなものが出力されてしまいます。 /******/ (function(modules) { // webpackBootstrap /******/ // The module cache /****

    • 0評価
    • 55PV
    • webpack

      75questions

    teratailが1ヶ月前に アップデート

  • 受付中

    回答
    1

    mochaでのメモリリーク検出方法

    mochaを使って、JavaScriptのテストを行っています。 テストの規模が大きくなってきたため、javascript out of memory によりテスト実行が完了されなくなってきました。 そこで色々調べた結果、メモリリークが発生してるのかもしれないとなり、それを検出する方法を探しております。 node の場合、node --expose-gc

    • 0評価
    • 62PV
    • JavaScript

      10017questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Node.js

      1076questions

      Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

    • メモリリーク

      26questions

      メモリリークは、プログラムファイルがメモリの解放に失敗した時に起こります。

    • webpack

      75questions

    • Mocha

      3questions

      Mochaは、JavaScriptのテストフレームワークの一つ。mocha自体にはアサーション機能はなく、ブラウザを使用するフロントエンドのテストや、node.jsを用いたテストの両方に対応しています。

    shuntksh shuntksh 1ヶ月前に 回答

  • 受付中

    回答
    1

    webpack-dev-serverを使わずにhot-reloadを実現する方法

    vue.jsの構築でwebpackを利用しているのですが、webpack-dev-serverを使わずにhot-reloadを実現する方法がありましたら教えていただきたいです。

    • 0評価
    • 54PV
    • webpack

      75questions

    • Vue.js

      120questions

    mell mell 1ヶ月前に コメント

  • 解決済

    回答
    2

    webpack + Vue.jsで画像が表示できない

    発生している問題・エラーメッセージ （左側）問題なく画像が表示されるコード <img src="../assets/logo.png"> （右側）画像が404になるコード <img v-bind:src="'../assets/characters/icon/' + character.id + '.png'"> エラーコード、エラーメ

    • 0評価
    • 113PV
    • JavaScript

      10017questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • webpack

      75questions

    • Vue.js

      120questions

    aglkjggg aglkjggg 1ヶ月前に ベストアンサー

  • 解決済

    回答
    1

    webpack-dev-server実行中にコンパイルするもbundle.jsが出力されない

    webpack(2.6.1)とwebpack-dev-server(2.4.5)を使用してフロントエンドの開発環境を構築しています。npm startのコマンドで、webpack && webpack-dev-serverを実行し、ブラウザでコンパイルし表示出来ているのですが、ブラウザで表示中にファイルを編集しても変更が反映されません。 ファイル編集する

    • 0評価
    • 230PV
    • Node.js

      1076questions

      Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

    • webpack

      75questions

    sakapun sakapun 2ヶ月前に ベストアンサー

  • 受付中

    回答
    1

    webpackでmoduleが読み込めない(Module not found: Error)

    Rails上でreactを動かすのに、こちらの記事を参考に/client以下にwebpack環境を置いて、webpackでビルドした結果を/app/assets/javascripts/webpack/に配置したのですが、componentを描画しようとすると、Module not found: Error: Cannot resolve 'file' or

    • 0評価
    • 166PV
    • JavaScript

      10017questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Ruby on Rails

      4418questions

      Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

    • React.js

      300questions

      A JavaScript library for building user interfaces

    • webpack

      75questions

    _hiro _hiro 2ヶ月前に 回答を編集

  • 受付中

    回答
    1

    Reactで「Uncaught ReferenceError: React is not defin...

    Rails上でreactを動かすのに、こちらの記事を参考に/client以下にwebpack環境を置いて、webpackでビルドした結果を/app/assets/javascripts/webpack/に配置したのですが、componentを描画しようとすると、Uncaught ReferenceError: React is not definedと表示さ

    • 0評価
    • 115PV
    • React.js

      300questions

      A JavaScript library for building user interfaces

    • webpack

      75questions

    ttktt ttktt 2ヶ月前に コメント

  • 解決済

    回答
    1

    css-loaderでcss-moduleをしたい！

    ReactJSでの開発のために、webpackを使ってbuild環境を作っています。 ReactJSの各コンポーネントの中で、CSSをロードしてスタイルを適用したいのですが、スタイルが当たらずかつクラス名も付与されません・・・。 sample.cssを用意して、中に簡単なcssを記述してComponentから呼び出したのですが、class名が付与されず、

    • 0評価
    • 96PV
    • webpack

      75questions

    Buakaw Buakaw 3ヶ月前に 回答

  • 解決済

    回答
    1

    Vueの単一ファイルコンポーネントで、データの受け渡しができない

    前提・実現したいこと Rails 5.1で作るVue.jsアプリケーションを参考にRails5.1 + webpack + vue.jsでアプリケーションを作成しているのですが。 Rails5.1の正式リリースから単一ファイルのコンポーネントの使用がデフォルトになったため,うまく動かないようなので、 上記内容を単一ファイルのコンポーネントで書き換えたいと思っ

    • 0評価
    • 372PV
    • Ruby on Rails

      4418questions

      Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

    • Node.js

      1076questions

      Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

    • webpack

      75questions

    • Vue.js

      120questions

    moke moke 3ヶ月前に 回答
1
  • 1
  • 2
  • 3
  • ...

次のページchevron_right

タグ情報

  • あなたの順位

    -位

  • タグ登録者数

    51人

  • 総質問数

    75件

  • 今週の質問数

    1件

関連するタグ

  • Oracle Database 11g

    139questions

    Oracle DatabaseはRDBMSの商品です。具体的な発売商品として知られているのが、 Oracle9i、Oracle10g、Oracle 11gとOracle 12cです。

  • Scalable Vector Graphics

    1questions

    Scalable Vector Graphcs(SVG)は、XMLを基調とした、2次元ベクターの画像フォーマットです。

  • ニフティクラウドmobile backend

    12questions

    ニフティクラウドmobile backend (mBaaS)はニフティが提供するBaasサービスです。プッシュ通知、データストア、ファイルストア、会員管理・認証機能などのバックエンド機能をクラウドから提供しています。　Andoird/iOS/JavaScript/Unityと各種SDKに対応しています。

  • 浮動小数点

    2questions

    浮動小数点は、コンピュータが数値を扱う際に実数を表現する方法のひとつです。 数値を、それぞれの桁の値が並んでいる仮数部と、小数点の場所を示す指数部で表します。

  • POP

    8questions

    POP（Post Office Protocol）とは、電子メールで使用される受信プロトコル（通信規約）です。SMTPで転送されたメールを一時的に保管し、そのメールをサーバから取り出す際に使用します。

  • foreach

    48questions

    foreachは、List・Collection・Arrayといったデータ構造の各要素に対して繰り返し処理を実行するために扱われる、制御構造の構文です。

  • XMLパーサ

    30questions

    XML文書のテキストデータだけを抜き出して、アプリケーションソフトが利用しやすい形式に変換させるソフトウェアをXMLパーサと呼びます。

  • SVG

    31questions

    SVGは、XMLを基盤とした2Dベクター画像記述言語。画像を線・面といった図形の集合体として扱うベクター画像のため、環境に適した表示が可能です。アニメーション機能もサポートされており、簡単なインタラクティブコンテンツ作成もできます。

  • Internet Explorer 8

    11questions

    Windows Internet Explorer 8は、マイクロソフトによって開発されたウェブブラウザで、2009年の3月19日に、Windows XP、Windows Server 2003、Windows Vista、Windows Server 2008、そしてWindows 7に組み込まれました。

  • Small Basic

    1questions

    Small Basicとは、Microsoft社が開発している初めてプログラミングに触れる人に向けた簡単なプログラミング言語です。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る