You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
本READMEの他に、以下のWebpacker公式ドキュメントの歩き方記事もどうぞ。これら2本で、Webpackerの公式ドキュメントは概観できるかと思います。次は公式のユースケースが欲しいです🍰🍵。 【保存版】Rails 5 Webpacker公式ドキュメントの歩き方+追加情報 概要 MITライセンスに基いて翻訳・公開いたします。 READMEリポジトリ: webpacker/README.md at master · rails/webpacker 原文更新日: 2018/05/18 ライセンス: MIT 更新や誤りにお気づきの方は@hachi8833までお知らせください。 Webpackerを用いることで、JavaScriptのプリプロセッサ兼バンドラーであるwebpack 4.x.x+を簡単に使えるようになり、アプリ的なJavaScriptをRailsで管理できます。Webpa
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community. Pick a username Email Address Password Sign up for GitHub By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails. Already on GitHub? Sign in to your account
If I add preprocessors: {'**/*_test.js': ['webpack']} and I have 100s of tests, that produces 100s of large bundles - that's slow, reruns tests all the time since karma keeps detecting changes and rerunning all ests as each test bundle is produced by webpack and this sends many megabytes to the test browser to evaluate. Instead, if I add preprocessors: {"test_index.js": ['webpack']} and require al
This option controls if and how source maps are generated. Use the SourceMapDevToolPlugin for a more fine grained configuration. See the source-map-loader to deal with existing source maps. devtool string = 'eval' false Choose a style of source mapping to enhance the debugging process. These values can affect build and rebuild speed dramatically. devtoolperformanceproductionqualitycomment
こんにちは、hachi8833です。 Rails 5のWebpackerでつらみを踏まないために、公式のWebpackerドキュメントの要点をまとめてみました。追加情報がありましたら今後も更新したいと思います。 rails/webpackerより 公式のドキュメントが分散しているのと、mdファイル名から内容が推測しにくくて見通しがよくないので、ファイルの並びを再編成して概要を一覧できるようにしました(せめてファイル名の頭に番号でも振ってくれれば...)。具体的な設定方法についてはリンク先をご覧ください。 ⚓概要 ドキュメントリポジトリ: rails/webpacker/tree/master/docs -- mdが16ファイルあります。本記事ではこちらのみを扱います。 上のドキュメントリポジトリの最終更新日: 2018/04/23 更新や誤りにお気づきの方は@hachi8833までお知らせ
This article has been outdated with the new release for babel, kindly check the updated article “How to combine Webpack 4 and Babel 7 to create a fantastic React app”, last updated October 13th, 2018In this article, I’ll go through how to set up a React application using Webpack 4. By the end of this tutorial, you’ll know on how to hot reload your application every time you press ctrl + s in your
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Testing Vue.js in Rails with Webpacker and Jest 原文公開日: 2018/01/16 著者: Mario Saul 今やっているプロジェクトで、既存のRailsアプリにVue.jsを統合する方法の調査をを命じられました。とりあえず公式ガイドを読み、チュートリアルを視聴し、ブログを読みまくった結果、Vueコンポーネントを完全に動かせるようになりました。 最後の段階でいくつかテストを書こうとしましたが、残念なことにWebpacker gemにはテスト向け設定が含まれていなかったので、自分で設定せざるを得ませんでした。 驚いたことに、満足な設定方法がドキュメントに見当たらなかったのです。そこで私が何とかこれを動かせるようにしたときの方法を本記事で皆様と共有したいと考えました。 1. Jest
Webpack4がリリースされたので、Webpack4をベースにTypeScript、Sass、EJSの開発環境を構築したので、備忘録として残しておきます。 OS X 10.13.3 Node.js 9.5.0 ディレクトリ構造 ├── docs │ ├── css │ │ └── bundle.css │ ├── images │ │ ├── images │ │ │ └── 01.jpg │ │ └── 01.jpg │ ├── js │ │ └── bundle.js │ └── index.html ├── src │ ├── css │ │ ├── main.scss │ │ └── sub.scss │ ├── images │ │ └── 01.jpg │ ├── js │ │ ├── main.ts │ │ └── sub.ts │ ├── index.ejs │ └──
この記事はTypescript Tutorial React & Webpackを出汁にしています。 $ npm install -D webpack@beta typescript@beta ts-loader source-map-loader @types/react-dom @types/react $ npm install -S react@next react-dom@next 途中webpackのバージョンが更新されていますがこの記事に関しては問題ないと思われます。 気になる方は What's new in webpack 2 エピソード 1 「Qiita 新着順で眺めてたら記事発見」 webpackのDLLバンドルを使ってビルドを速くする pirosikickさんの投稿でHappyPackの存在を知る。 HappyPackに関する日本語の記事は一つもなかったので、公式ドキ
以下のようなことがやりたくて環境を整えてみたのでメモ。 Reactつかいたい + JSXで書きたい 再利用できそうなComponentを別のjsファイルにしておいて、requireで依存性を解決とかしたい トップページ用のjsと、検索ページ用のjsが別々に存在してる、みたいな想定。うまく言えないけどrequireのrootが複数あるような? watchしておいて勝手にビルドされるといいな ということでタイトルのものを組み合わせてみたのだけれど、不勉強だからか意外とハマりました。。 package.json 色々試行錯誤していって最終的に以下のようなpackage.jsonが出来上がりましたという感じです。 { "name": "test-proj", "description": "test project", "main": "gulpfile.js", "scripts": { "wa
状況 iOS 9 や IE などの ES6 未対応のブラウザで、const や Arrow function といった ES6 の構文が解釈できずに JavaScript が動作しない問題が発生した。 具体的には、あるプロジェクトで re-bulma を使っていて、このパッケージを import していると、ES6 未対応ブラウザで以下のように ES6 の構文が解釈できず、エラーを吐かれる。 [Error] SyntaxError: Unexpected keyword 'const'. Const declarations are not supported in strict mode. 今回のプロジェクトでは、webpack の設定で Babel に node_modules 下のディレクトリは対象外 (exclude) とするようにしているため、例えば依存パッケージが ES6+ で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く