webpack

RSS

  • 解決済

    回答
    1

    webpackでコンパイルできるのに、gulp-webpackではコンパイルできない

    発生している問題・エラーメッセージ $ webpackでコンパイルできますが,$ gulp webpackで下記のようなエラーが出ます ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory' 正直なところwebpackのみを用いてコンパイルを行えばい

    • 0評価
    • 32PV
    yuvernacrew yuvernacrew 2日前
  • 受付中

    回答
    1

    Reactでminifyすると、本番ビルドにするよう警告が出て消えない

    前提・実現したいこと React、TypeScript、gulp、WebpackにてWebアプリを作っています。 ReactとReactDOMはnpmでインストールしてありWebpack→gulpを通してbundle.jsで一つの大きなJSファイルにしています。 いざファイルをローカルで表示させてみると、表示自体は問題ないのですがconsoleに以下の

    • 0評価
    • 28PV
    SuguruSato SuguruSato 1週間前
  • 受付中

    回答
    0

    create-react-appで複数ページを実装したい

    前提・実現したいこと create-react-appで作成したプロジェクトで複数ページを実装したい。 http://reactApp/ エントリー画面を表示 http://reactApp/form1/ フォーム1画面を表示 http://reactApp/form2/ フォーム2画面を表示 (ディレクトリ構成)

    • 0評価
    • 22PV
    ohr ohr 1週間前
  • 解決済

    回答
    2

    Webpackの導入によるjsファイルサイズの肥大化

    前提・実現したいこと 最近のフロントエンド開発の流行りに乗っかり、Webpackを試験的に使用しています。 Webpackを使用することのメリットとして、JavaScriptのコードをモジュール単位で分割してもrequireを使って呼び出すことで、最終的に一つのjsファイルにまとめることで依存関係を解決できるということや、 loaderを使ってcssフ

    • 1評価
    • 497PV
    kerokero335 kerokero335 4週間前
  • 受付中

    回答
    0

    Webpackでファイルをグローバルに読み込む方法

    現状 複数のJavaScriptファイルをgrunt-contrib-uglifyでまとめてサイト全体で読み込んでいる jQuery、Bootstrap・・・などなどのプラグインはローカルにダウンロードしている htmlのスクリプトタグで直書いている箇所がある 実現したかったこと Webpackで現状の環境を再現したい 試した

    • 0評価
    • 34PV
    dietono dietono 3週間前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 39PV
    hirosyg hirosyg 3週間前
  • 受付中

    回答
    1

    WebpackでsassからCSSにコンパイルして外部ファイル化したい

    webpackを利用していて、スタイルはsassを利用しています。 現在は、head内にcssにコンパイルされたものが生成されているのですが、これを外部ファイル化したいと考えています。 しかし、1 JS 1CSSではなく、複数のsassをcssにコンパイルして、特定のディレクトリにCSSを外部ファイル化して生成する流れがわからず困っております。

    • 0評価
    • 72PV
    tanama tanama 3週間前
  • 解決済

    回答
    2

    WebpackでBootstrapを扱う方法

    前提・実現したいこと 最近Webpackに関して立て続けに質問させていただいております_(._.)_ Backbone.jsやBootstrapを使って開発を行っているのですが、BackboneやBootstrapは基本的にほとんどのページで使用するためvendor.jsなどとしてまとめたいと考えました。 そこで以下の記事を参考にコードを記述してみまし

    • 0評価
    • 58PV
    kerokero335 kerokero335 4週間前
  • 解決済

    回答
    2

    Reactで「React is not defined」と表示される

    前提・実現したいこと React-ES6-Webpack環境を作って触っているのですが、ブラウザコンソールに「React is not defined」と表示されうまくいきません。 発生している問題・エラーメッセージ Uncaught ReferenceError: React is not defined 該当のソースコード public/i

    • 0評価
    • 85PV
    yohira0616 yohira0616 1ヶ月前
  • 解決済

    回答
    1

    vue-router + webpackによる遅延ローディングで、画面を切り替えると2度目で表示でき...

    今までVue.js + browserifyでSPAを構築していたのですが、browserifyでビルドしたjsファイルのサイズがかなり大きくなってしまいました。 そのため、本番環境として使用予定のHerokuにデプロイした状態で画面を表示しようとすると、初期ローディングで7~8秒かかってしまっていました。 ビルドツールをwebpackに変更し、子コ

    • 0評価
    • 85PV
    topo topo 1ヶ月前
  • 解決済

    回答
    1

    webpackで生成したjsはすべてのページで使いまわすのでしょうか?

    webpackでJavascriptやCSS、画像が1ファイル化できると知りました。 とても魅力的だと思うのですが、生成したファイルはすべてのページで使いまわすということでしょうか? つまり、 ・ページ1: script1.js と style1.cssを使用 ・ページ2: script2.js と style1.css、style2.css

    • 0評価
    • 69PV
    jimyo jimyo 1ヶ月前
  • 受付中

    回答
    1

    webpack.config.jsに適切な設定をしているのにimport又はrequireがコンパイ...

    問題) jquery.lazyload.jsと$(○○).lazyloadを利用する.jsファイルを結合する ためimport及びrequireで定義、下記設定のwebpackでコンパイルを実行、 その後、index.jsx内の<script src='結合した.js'></script>と定義 すると、require is not definedと

    • 0評価
    • 107PV
    kazuyu kazuyu 1ヶ月前
  • 受付中

    回答
    0

    index.jsxからjQueryプラグインを読み取るとReferenceError :window...

    index.jsxから$(document).readyや、window.navigator等含む ○○.jsファイルをimport又はrequireすると以下エラーになる エラー内容)ReferenceError :window is not defined ReferenceError :document is not defined ind

    • 0評価
    • 98PV
    kazuyu kazuyu 1ヶ月前
  • 受付中

    回答
    0

    S3においたJS上で、実行環境(ローカル、ステージング、プロダクション)毎にAPIのendpoint...

    S3においたJSで、実行環境毎(ローカル、ステージング、プロダクション)にAPIのendpointなど変更したいのですが、 うまくできず悩んでいます。 S3上の静的コンテンツ(ES6)からリクエストする、バックエンド側APIのURI (下記①のところ) をデプロイ時にうまく変更したいのです。 Serverless Framework + Web

    • 0評価
    • 146PV
    Beko Beko 2ヶ月前
  • 受付中

    回答
    0

    vue-server-rendererをwebpackするとエラー

    Vue.jsのSSRを試そうとして、vue-server-rendererをwebpackでビルドしたのですが以下のエラーが出てしまいます。解決方法を教えてください。 インストール npm install webpack --save-dev npm install vue --save npm install vue-server-rend

    • 0評価
    • 129PV
    stakezaki stakezaki 2ヶ月前
  • 受付中

    回答
    1

    reactをwebpackでビルドした際にSyntaxError: Unexpected token

    環境 Laravel React webpack npmパッケージは以下の通りです。 { "private": true, "scripts": { "prod": "gulp --production", "dev": "gulp watch" }, "devDependencies": {

    • 0評価
    • 170PV
    twin_bird twin_bird 2ヶ月前
  • 解決済

    回答
    1

    serverelss で Reactを使いたい!!

    前提・実現したいこと serverlessを使ってReactを使いたくて http://qiita.com/Eiryyy/items/3f16b9ebad51883869e5 この記事どうりにとりあえずやりたい 発生している問題・エラーメッセージ ERROR in ./client/src/reducer.js Module not found

    • 0評価
    • 169PV
    ShouYama ShouYama 3ヶ月前
  • 解決済

    回答
    1

    NetBeans8.2でnpm scriptsを実行できない?

    NetBeans8.1で実行出来ている、 npm scripts "build": "webpack --progress --colors --config ./webpack.config.js" がNetBeans8.2になると java.lang.NullPointerException at org.netbeans.mo

    • 0評価
    • 178PV
    tavatail tavatail 4ヶ月前
  • 解決済

    回答
    1

    タスクランナーとビルドツールの違いはなんですか?

    ReactとbabelのためにGrunt/gulp/webpackについて調べていたのですが、「タスクランナー」と「ビルドツール」の違いがいまいちわかりません。同じもののように見えるのですがどこが違うのでしょうか。 余談ですが、今回はwebpackを使おうと思っているのですが調べているとgulpと併用している話が出てきます。gulpも用意したほうがいい

    • 0評価
    • 200PV
    SatoshiAizawa SatoshiAizawa 3ヶ月前
  • 解決済

    回答
    1

    Nodeサーバー上でReact.jsを動かす

    現在Nodeサーバーを簡単に立ち上げて、その中でreact.jsを動かしたいと思っております。 nodeのサーバーは ■ server.js var fs = require("fs"); require("http").createServer().on("request", function(req, res){ fs.readFile

    • 0評価
    • 230PV
    yuki_nagahama yuki_nagahama 3ヶ月前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    30

  • 総質問数

    37

  • 今週の質問数

    1

関連するタグ

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