webpack

RSS

  • 解決済

    回答
    2

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

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

    • 0評価
    • 25PV
    • JavaScript

      9189questions

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

    • webpack

      63questions

    • Vue.js

      89questions

    aglkjggg aglkjggg 2日前に ベストアンサー

  • 受付中

    回答
    1

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

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

    • 0評価
    • 57PV
    • React.js

      257questions

      A JavaScript library for building user interfaces

    • webpack

      63questions

    • Babel

      22questions

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

    cloudspider cloudspider 3週間前に コメント

  • 解決済

    回答
    1

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

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

    • 0評価
    • 125PV
    • Node.js

      987questions

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

    • webpack

      63questions

    sakapun sakapun 3週間前に ベストアンサー

  • 受付中

    回答
    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評価
    • 85PV
    • JavaScript

      9189questions

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

    • Ruby on Rails

      3930questions

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

    • React.js

      257questions

      A JavaScript library for building user interfaces

    • webpack

      63questions

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

  • 受付中

    回答
    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評価
    • 60PV
    • React.js

      257questions

      A JavaScript library for building user interfaces

    • webpack

      63questions

    ttktt ttktt 4週間前に コメント

  • 解決済

    回答
    1

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

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

    • 0評価
    • 43PV
    • webpack

      63questions

    Buakaw Buakaw 1ヶ月前に 回答

  • 解決済

    回答
    1

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

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

    • 0評価
    • 178PV
    • Ruby on Rails

      3930questions

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

    • Node.js

      987questions

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

    • webpack

      63questions

    • Vue.js

      89questions

    moke moke 1ヶ月前に 回答

  • 受付中

    回答
    0

    webpackで本番環境をビルドする際に、開発でjsに読み込んだcssを読み込まないようにする方法を...

    webpackで開発と本番のビルドを分けているのですが、 本番の際にはcssを別ファイルとして出力しようと思っています。 開発ではjsファイルに下記のようにimportでcssを読み込んでいるのですが、 import '../style/index.scss'; ここを読み込まないようにする方法がありましたら教えていただきたいです。

    • 0評価
    • 76PV
    • webpack

      63questions

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

  • 受付中

    回答
    0

    webpackで複数あるcssをjsに含めずに出力する方法

    webpackで複数あるjsとcssのファイルをディレクトリ構造をそのままに、index.jsとindex.cssとして分離出力したいのですが、 index.scssファイルをindex.cssとして出力する際に、どうしてもindex.scssというファイル名で出力されてしまいます。 どのようにすれば拡張子を変更して出力することができるのでしょうか？ 下

    • 0評価
    • 115PV
    • webpack

      63questions

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

  • 受付中

    回答
    0

    webpack-dev-serverを使用する際にhtml内でjsファイルを指定する方法を教えてくだ...

    webpack-dev-serverを使用して開発する際に、下記のようにoutputパスを指定しても、出力されないと思うのですが、 下記のようなフォルダ構成でhtmlにbundle.jsを読み込ませんるには、 scriptタグをどのように指定すればいいのでしょうか？ development/ ├ index.html ├ js/ │

    • 0評価
    • 65PV
    • webpack

      63questions

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

  • 受付中

    回答
    0

    CSS Modulesでの読み込みについて

    初心者ながらReact + webpack + CSS Modulesを勉強しています。 以下のようなコードではCSSを読み込めるのですが、 <div className={styles.container}> .container { display: flex; flex-direction: column; height: 1

    • 0評価
    • 81PV
    • React.js

      257questions

      A JavaScript library for building user interfaces

    • CSSフレームワーク

      104questions

      CSSフレームワークは、Webページのスタイルを指定する言語であるCSSを容易に構築するためのツールです。ツイッター社が開発した「Bootstrap」や段組レイアウトが可能な「Foundation」など様々なCSSフレームワークがあります。

    • webpack

      63questions

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

  • 受付中

    回答
    1

    gulpとwebpackとnpm scriptの使い分け

    前提・実現したいこと サイトを作るときモジュールをまとめたり管理したいときには、gulpとwebpackとnpm scriptというツールを使ってやると簡単に管理したりできると知りました(解釈が間違っていたら教えてください。)。 この3つを組み合わせて使うという方法も検索したらあったのですが、場合で使い分けろという意見が多かったです。 「これらの3つは

    • 0評価
    • 111PV
    • gulp

      174questions

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

    • webpack

      63questions

    miyabi-sun miyabi-sun 1ヶ月前に 回答

  • 解決済

    回答
    1

    webpack-dev-serverでpublicPathを複数設定する

    webpack-dev-serverを使用しての画面開発を行おうと思うのですが バンドルファイルの配信先が複数になる場合にうまく動きません 現在の設定 webpack.config.jsの設定は以下になります。(実際はそれぞれにモジュールなど記載していますが割愛 const path = require('path') const base

    • 0評価
    • 101PV
    • JavaScript

      9189questions

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

    • Node.js

      987questions

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

    • webpack

      63questions

    taqm taqm 2ヶ月前に 回答

  • 受付中

    回答
    2

    ERROR in xxx.js from UglifyJs Unexpected token: op...

    前提・実現したいこと タイトルにあるエラーを解決したいです。 環境はwebpack2系でバンドルを行っており、その過程でproduction buildしたいのですがUglifyJSPlugin等を使っても上記のエラーが出てしまい困っています。 エラーが出るのは、remark-parseなどを呼び出しているときです。このライブラリを呼び出す過程

    • 0評価
    • 363PV
    • JavaScript

      9189questions

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

    • webpack

      63questions

    y-temp4 y-temp4 2ヶ月前に 回答

  • 解決済

    回答
    1

    reactのチュートリアルのスタイルが崩れてしまう

    前提・実現したいこと react.jsとwebpackを勉強したいと思い、 reactのチュートリアルをwebpackを使用して行おうと思っています。 https://facebook.github.io/react/tutorial/tutorial.html 発生している問題 チュートリアルの最初の方を読むと本来下の画像のように表の形になる

    • 0評価
    • 82PV
    • React.js

      257questions

      A JavaScript library for building user interfaces

    • webpack

      63questions

    saitouakihiro saitouakihiro 2ヶ月前に 回答

  • 解決済

    回答
    1

    Rails5.1でVue.jsが実行できない

    Rails5.1でVue.jsが実行できません。 こちらの記事を参考に、 環境 Rails 5.1.1 ruby 2.4.0 のバージョンで、進めていて、 コンパイルbin/webpackもうまくいったのですが、 Hello Vue! の文字が表示されません。 こちらの画像のように何も表示されない状態になります。 画像にも

    • 0評価
    • 157PV
    • JavaScript

      9189questions

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

    • Ruby

      4195questions

      Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

    • Ruby on Rails

      3930questions

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

    • webpack

      63questions

    • Vue.js

      89questions

    honey_cake honey_cake 2ヶ月前に 回答

  • 解決済

    回答
    1

    railsのasset precompileとビルドツールの関係

    フロントエンドの勉強中、疑問点及び確認したいことがあり質問します。 webpackのようなビルドツールを利用してビルドを実行するとモジュール化していたファイルを結合し静的なjs,cssファイルができるそうですが、その静的js,cssファイルをさらに asset precompile実行するメリットがよくわかりません。ただrailsのフレームワークに合

    • 0評価
    • 91PV
    • JavaScript

      9189questions

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

    • Ruby on Rails

      3930questions

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

    • webpack

      63questions

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

  • 解決済

    回答
    1

    riot.jsをwebpackでbuildする際に、loaderのエラーが出るのですが、どのload...

    webpackでbuildする際に、下記のエラーが出るのですが、 適切なloaderを教えていただけないでしょうか。 You may need an appropriate loader to handle this file type. riot.tag2('counter', '<span>{time}</span>', '', '', f

    • 0評価
    • 119PV
    • webpack

      63questions

    • Riot.js

      41questions

      Riot.jsは、React.jsに似たコンポーネント指向なJSフレームワークです。非常に軽量であり、コンポーネントで設計しやすいといったメリットがあります。また、MVCのように分割できることも特徴です。

    mell mell 2ヶ月前に 回答

  • 解決済

    回答
    1

    webpack-dev-serverのポートとアクセスしたいポートの関係を教えてください。

    現在、react / redux / express でアプリケーション開発をしようと思い、 webpackでフロントの環境構築をしています。 react側のファイルを修正した際に、自動反映できるようにwebpack-dev-serverを使おうとしているのですが、 webpack-dev-serverを起動した際に、localhost:8080で

    • 0評価
    • 180PV
    • Node.js

      987questions

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

    • Express

      103questions

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

    • React.js

      257questions

      A JavaScript library for building user interfaces

    • webpack

      63questions

    • Redux

      26questions

    mell mell 2ヶ月前に コメント

  • 受付中

    回答
    1

    Webpackでコンパイル時に.scssや.jsx等のファイルがコピーされてしまう

    前提・実現したいこと Webpack1.14.0でアップロード用のcss、jsファイルを生成する時に、 生成元の.scssファイルや.jsx等の不要なファイルがdistディレクトリにコピーされてしまうので、 それらをコピーしないようにしたい。 発生している問題・エラーメッセージ Webpackでコンパイル時にscssファイルやjsxファイルなど

    • 0評価
    • 450PV
    • JavaScript

      9189questions

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

    • React.js

      257questions

      A JavaScript library for building user interfaces

    • webpack

      63questions

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

次のページchevron_right

タグ情報

  • あなたの順位

    -位

  • タグ登録者数

    43人

  • 総質問数

    63件

  • 今週の質問数

    1件

関連するタグ

  • Core Data

    23questions

    Core DataはAppleのOS X and iOSのためのオブジェクトモデリングと持続性を持ったフレームワークです。Xcodeはエンティティー、属性そして関係性を特定するためのオブジェクトモデルの編集機能を提供します。

  • Chrome Apps

    4questions

  • Chrome

    317questions

    Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。

  • Jekyll

    1questions

    Jekyllは、静的サイトを構築するためのRuby製のツール。記事などを全て静的サイトとして作成することで、DBへのアクセスが発生せず圧倒的なスピードでサイトアクセスが行えます。 Rubyでの機能拡張も可能で、プラグインの提供も豊富です。

  • Raspberry Pi

    313questions

    Raspberry Piは、ラズベリーパイ財団が開発した、名刺サイズのLinuxコンピュータです。 学校で基本的なコンピュータ科学の教育を促進することを意図しています。

  • Windows Forms

    51questions

    Windows Forms(WinForms)はMicrosoft .NET フレームワークに含まれる視覚的なアプリケーションのプログラミングインターフェイス(API)です。WinFormsは管理されているコードの既存のWindowsのAPIをラップすることで元のMicrosoft Windowsのインターフェイスのエレメントにアクセスすることができます。

  • Outlook

    29questions

    Microsoft OutlookはMicrosoft Officeの一部として組み込まれている、のユーザー管理とメーラーの機能を持ち合わせたソフトウェアです。

  • memcached

    23questions

    memcached は、汎用の分散型メモリキャッシュサーバです。

  • Processing

    128questions

    Processingは、オープンソースプロジェクトによるCGのためのプログラミング言語です。Javaをベースにしており、グラフィック機能に特化しています。イメージの生成やアニメーションなど、視覚的なフィードバックを簡単に得ることが可能です。

  • Unreal Engine

    4questions

    Unreal Engineは、Epic Games社によって開発されたゲームエンジンです。高レベルの移植性を持っており、様々なプラットフォームのゲーム開発が可能。GitHubアカウントを登録すれば無料でダウンロードできます。

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