webpack

RSS

  • 受付中

    回答
    1

    ‘Access-Control-Allow-Origin’: ‘*’をwebpackerで設定したい

    開発環境でcorsの問題があって、railsとwebpack dev serverのoriginが違うので、 ‘Access-Control-Allow-Origin’: ‘*’ をwebpack dev serverに設定したいんですけど、webpackerを使っているので、どうやって設定したらいいかわかりますでしょうか?  https://githu

    • 0評価
    • 21PV
    Sagarat Sagarat 8時間前に 回答
  • 解決済

    回答
    1

    webpackのoutputで__dirnameより上の階層を指定したい

    前提・実現したいこと webpackのoutputで__dirnameより上の階層を指定したいです。 webpack関連の記事の構成ディレクトリは以下のようなものが多いですが、 . ├── public │ ├── index.html │ └── js │ └── bundle.js ├── src │ └── js │

    • 0評価
    • 47PV
    ebiallergy ebiallergy 1週間前に コメント
  • 解決済

    回答
    1

    Rails5.1でwebpackerを入れたらjavascriptが動かない

    宜しくお願い致します。 かなりはまってしまい質問させていただきました。 Rails4.2系 -> 5.1にアップデートして webpacker gemを導入してみました。 テストサーバーにデプロイすると 既存のjavascriptが一部動かなくなりました。 テストサーバーはさくらのVPSを使っております。 ▼ 動かない selec

    • 0評価
    • 43PV
    yusukexyusuke yusukexyusuke 1週間前に ベストアンサー
  • 解決済

    回答
    1

    webpack-dev-serverのポート占領

    以下のコマンドを利用するごとにportが利用されます。 webpack-dev-server --inline --hot --open webpack-dev-serverを完全に閉じるにはどのような手段がありますか?

    • 0評価
    • 179PV
    yoyoyo555 yoyoyo555 2週間前に コメント
  • 解決済

    回答
    1

    railsにwebpackを入れたい

    Rails & Webpackerでフロントエンド開発環境を整える こちらの記事に沿って、bin/rake webpacker:installまで手順通りにできたのですが、 その次のbin/webpackを実行しようとすると記事のような出力ではなく、 bundle installを実行した時の出力の後に、次のようなエラーが出力されます。 /home/va

    • 0評価
    • 57PV
    fruitmachine fruitmachine 2週間前に コメント
  • 解決済

    回答
    2

    webpack-dev-server で8080ポートが使えない

    React.jsの開発環境としてwebpack-dev-serverを立てようとしているのですが、 webpack.confic.jsの設定でポートを8080にするとフロントに表示されないです。 3000にするとうまくいくのですが、なぜこのような差がでるのかわからないです。 ちなみに、ポートの競合は起きてないです。 webpack.config.js

    • 0評価
    • 44PV
    Tomohiro_S Tomohiro_S 2週間前に コメント
  • 受付中

    回答
    1

    react起動のためのwebpack-dev-serverの最低限設定について

    https://github.com/mzabriskie/react-example/blob/master/webpack.config.js を参考してreactの勉強中です。 react-dev-serverというのを利用してhello world的な設定を立ち上げようとしてますが、 最低限のwebpack.config.js設定がよくわ

    • 0評価
    • 40PV
    HayatoKamono HayatoKamono 3週間前に 回答
  • 受付中

    回答
    0

    WebpackでのSassコンパイルで「Invalid CSS after "module.expo...

    Webpackを介しSass(scss)のコンパイルをしようとすると 「Invalid CSS after "module.exports": expected "{", was '= "data:text/x-scss' in /Applications/MAMP/htdocs/〜〜〜パス名/style.scss」

    • 0評価
    • 346PV
    msysmsys msysmsys 4週間前に 質問を編集
  • 受付中

    回答
    0

    webpackでlessのコンパイルを環境によって変える方法

    webpackでlessファイルを開発環境かプロダクションで分岐させたいのですが、 なかなかうまくいきません。 やりたいことを簡単に説明すると 例えば ・base_prod.less ・base_dev.less のファイルがあってこれを環境によってどちらかをコンパイルしたいということです。 ちなみに分けたい理由が環境によってbackgroundに使

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

    回答
    0

    [Rails]Webpacker::Manifest::MissingEntryError

    Railsにwebpackを入れたので、CSSをstylesheet_pack_tagを使って読み込もうとしたのですが以下のようなエラーが出てしまいます。どうすればstylesheet_pack_tagを使ってCSSを読み込めるでしょうか Webpacker::Manifest::MissingEntryError Webpacker

    • 0評価
    • 95PV
    teratailが1ヶ月前に アップデート
  • 解決済

    回答
    2

    React.jsにおけるimgタグのsrc属性の記述方法について

    質問概要 jsxのimgタグのsrc属性に関する質問です。 今、ディレクトリの構造が下記のようになっているとします。 root/ ├ images/ │ └ sample.png ├ public/ │ ├ bundle.js │ └ index.html ├ src/ │ ├ components/ │ │ └ Header.jsx │ └ i

    • 0評価
    • 121PV
    yuki-saito yuki-saito 1ヶ月前に コメント
  • 解決済

    回答
    1

    webpackを使って、(複数ファイル)-> (複数ファイル)でbundleしたい

    状況 GolangでWeb開発をしようと思い勉強を始めたところです。 Progateなどで、HTML、Javascript、React、ES6、Golangの基礎を一通り勉強しました。 勉強してばかりでは良くないと思い、手を動かそうとおもい今回開発を始めてみようとしています。 ES6は今のブラウザが対応していないため、Babelを使って対応して

    • 0評価
    • 93PV
    karamarimo karamarimo 1ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    webpack-dev-serverが2回起動する

    前提・実現したいこと npm run startとしてwebpack-dev-serverを起動させると、 なぜかローカルサーバーが2つ起動し、下記のような警告が大量に表示されます。 原因は何なのでしょうか。 Project is running at http://localhost:8080/ webpack output is served fro

    • 0評価
    • 89PV
    kerokero335 kerokero335 1ヶ月前に 質問を編集
  • 解決済

    回答
    1

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

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

    • 0評価
    • 129PV
    rnosh rnosh 1ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    gulp と webpack それぞれにしかできないことはありますか?

    私は最近 javascript を勉強し始めたものです。 現在, gulp, webpack の違いについてよくわからない。という問題を持っています. gulp は タスクランナー で 色々なツールを実行する手順を何度も実行できるようにしたもの webpack は よくわかっていませんが, gulp と同じようなことをできるもの という認識です。

    • 0評価
    • 133PV
    wake_up_kemeko wake_up_kemeko 2ヶ月前に ベストアンサー
  • 解決済

    回答
    2

    webpackを用いてhtmlのコピーを行いたい

    実現したいこと 現在webpackを用いて静的なサイトの作成を行っています。 構成はプロジェクト配下srcディレクトリに自分の書いたJSやHTMLのコードがあり、webpackを通じてdistディレクトリへバンドル済みのJSを吐き出しています。 このdistへsrcからファイルをコピーして配置することはできないのでしょうか? 具体的には、src

    • 0評価
    • 81PV
    karamarimo karamarimo 2ヶ月前に 回答
  • 受付中

    回答
    0

    webpack3で”TypeError: m.forEachChunk is not a funct...

    webpack3でpluginに下記を追加したところ、”TypeError: m.forEachChunk is not a function” のエラーが出てしまい、原因がわかりません。 new webpack.optimize.OccurrenceOrderPlugin()

    • 0評価
    • 78PV
    teratailが2ヶ月前に アップデート
  • 解決済

    回答
    1

    ESLint の no-unused-vars、no-irregular-whitespace が消...

    ESLintの設定が反映されない ESLintの設定ではまっています。 基本設定を "extends": "eslint:recommended" にして、不要な項目を "func-names":0 のようにして調整しています。 しかし no-unused-vars と no-irregular-whitespace の2つだけが .eslintr

    • 0評価
    • 320PV
    hirosyg hirosyg 2ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    webapck3でのプラグイン設定でのエラーにつきまして

    ---webpack1で本番環境用に下記を記述していたのですが、 new webpack.optimize.DedupePlugin(), new webpack.optimize.OccurenceOrderPlugin() webpack3に変更したところ、 OccurenceOrderPluginに対して下記のようなエラーが出て、 DebupePl

    • 0評価
    • 95PV
    8B8 退会済みユーザー 2ヶ月前に コメント
  • 受付中

    回答
    0

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

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

    • 0評価
    • 134PV
    teratailが3ヶ月前に アップデート
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    57

  • 総質問数

    96

  • 今週の質問数

    1

関連するタグ

webpackタグのよく見られている質問

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