webpack

RSS

  • 解決済

    回答
    2

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

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

    • 0評価
    • 25PV
    aglkjggg aglkjggg 2日前に ベストアンサー
  • 受付中

    回答
    1

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

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

    • 0評価
    • 57PV
    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
    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
    _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
    ttktt ttktt 4週間前に コメント
  • 解決済

    回答
    1

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

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

    • 0評価
    • 43PV
    Buakaw Buakaw 1ヶ月前に 回答
  • 解決済

    回答
    1

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

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

    • 0評価
    • 178PV
    moke moke 1ヶ月前に 回答
  • 受付中

    回答
    0

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

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

    • 0評価
    • 76PV
    teratailが1ヶ月前に アップデート
  • 受付中

    回答
    0

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

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

    • 0評価
    • 115PV
    teratailが1ヶ月前に アップデート
  • 受付中

    回答
    0

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

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

    • 0評価
    • 65PV
    teratailが1ヶ月前に アップデート
  • 受付中

    回答
    0

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

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

    • 0評価
    • 81PV
    teratailが1ヶ月前に アップデート
  • 受付中

    回答
    1

    gulpとwebpackとnpm scriptの使い分け

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

    • 0評価
    • 111PV
    miyabi-sun miyabi-sun 1ヶ月前に 回答
  • 解決済

    回答
    1

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

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

    • 0評価
    • 101PV
    taqm taqm 2ヶ月前に 回答
  • 受付中

    回答
    2

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

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

    • 0評価
    • 363PV
    y-temp4 y-temp4 2ヶ月前に 回答
  • 解決済

    回答
    1

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

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

    • 0評価
    • 82PV
    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
    honey_cake honey_cake 2ヶ月前に 回答
  • 解決済

    回答
    1

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

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

    • 0評価
    • 91PV
    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
    mell mell 2ヶ月前に 回答
  • 解決済

    回答
    1

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

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

    • 0評価
    • 180PV
    mell mell 2ヶ月前に コメント
  • 受付中

    回答
    1

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

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

    • 0評価
    • 450PV
    tomomo tomomo 2ヶ月前に 回答
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    43

  • 総質問数

    63

  • 今週の質問数

    1

関連するタグ

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