Webpacker + Vue + Vuex + ActionCable で動作するサンプルを作った話 - Qiita
はじめに Qiita では初めまして、主に ProjectHL2 という名義で活動している何でも屋のおじさんです。 小さなソフトウェア開発会社でエンジニアをやっており、主に Ruby on Rails を用いた業務システム開発を行っておりました。 最近は会社にも後輩のエンジニアが増え、フロントやモバイルの開発もバンバン行うようになり、こうした技術についてもっと世のエンジニアの皆さんとも共有して行きたい（ついでに仕事も欲しい）と思い記事を書いていく事にしました。 今後ともよろしくお願いします。 動機 元々 React + Redux はたまたま実案件でご一緒させて頂いたエンジニアさんと「全然分からないんですか！僕もです、やりましょう！」といった流れで勉強しました。意味不明ですが、人生とはそういうものだと思います。 ともあれ Vue + Vuex でも同じような事ができそうだったので、後輩エン
Making Webpacker run on Cloud 9 · Issue #176 · rails/webpacker
As previously discussed in PR #107, I am having trouble making webpack work with Rails in my development environment, which is Cloud 9. The problem seems to be that Cloud 9 only allows the 0.0.0.0 interface and a few ports (8080, 8081, etc.). Basically, I am experiencing the same problem as in this issue. It seems fixed they problem by adding webpack-dev-server/client?https://0.0.0.0:8080 as an en
ActionCable 5.1.0-beta1 throws uncaught referenced error upon import in Webpacker · Issue #28428 · rails/rails
Steps to reproduce Using rails 5.1.0-beta1, run yarn add actioncable@5.1.0-beta to get actioncable in your application to be 5.1.0-beta1. Create a file in frontend/javascripts that will be loaded by webpacker that imports actioncable as such import * as ActionCable from 'actioncable' (this is typescript syntax) Expected behavior ActionCable should be loaded normally and no problem should occur as
Rails5.1から導入されるwebpacker.gemは本当にRailsのフロントエンド開発に福音をもたらすのか? - Qiita
Rails5.1が今betaで出ていますね。中でも目玉はwebpacker.gemによるモダンなフロントエンド開発がRailsに導入されることでしょう。 今までのRailsのasset pipelineとは別に、yarnによって依存性を管理しwebpackで結合する独立したjsのビルドシステムがサポートされます。 これによって、以下のような従来のasset pipelineでは解決がむずかしかった問題への解が示されました。 coffee scriptへの依存 npmによる依存性、バージョン管理が難しい javascriptのライブラリが野良gem化されてupdateされない問題 webpacker.gemはyarn/webpackの薄いwrapperとなっていて、加えて幾つかのrakeタスクを追加することでフロントエンド開発をサポートします。 具体的には以下のような機能が提供されます。 y
GitHub - rails/webpacker: Use Webpack to manage app-like JavaScript modules in Rails
Webpacker has served the Rails community for over five years as a bridge to compiled and bundled JavaScript. This bridge is no longer needed for most people in most situations following the release of Rails 7. We now have three great default answers to JavaScript in 2021+, and thus we will no longer be evolving Webpacker in an official Rails capacity. For applications currently using Webpacker, th
WebPackを使ってRailsからJavaScriptを楽に良い感じに分離する - Qiita
はじめに フロントエンドへスプラトゥーンを決めるために、Rails プロジェクト内で JavaScript を楽に良い感じに分離する方法を考えてみました。 先人たちが様々な方法を提示してくださっていましたが、設定が大掛かりだったり、何種類かのツールを活用したりと、自分にはどうもハードルが高かったため、より簡単な方法を模索しました。 TL;DR Initial commit で、この記事でこれから行う設定をコミットしています。 necojackarc-sandbox/rails_with_webpack 特徴 Sprockets の良い所はそのまま活用 導入ツールは実質 WebPack のみ 設定項目が少なく簡単 おそらくほぼメンテナンスフリー 概要 以下のような流れで、JavaScript のコーディング、ビルド、配信を行います。 frontendディレクトリ以下で JavaScript
ECMAScript6対応 webpackを最低限実務で使う為の設定とRailsとwebpackの共存方法 - Qiita
var path = require('path') var webpack = require('webpack') var ExtractTextPlugin = require('extract-text-webpack-plugin') var BrowserSyncPlugin = require('browser-sync-webpack-plugin') var AssetsPlugin = require('assets-webpack-plugin') require('dotenv').config() const isProduction = (process.env.NODE_ENV === 'production') var assets = new AssetsPlugin({ filename: 'webpack-asset-manifest.json', i
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Error on webpack:compile - Error: ENOENT: no such file or directory, scandir 'ROOT/node_modules/node-sass/vendor' · Issue #422 · rails/webpacker
Capybara and webpacker problem · Issue #301 · rails/webpacker
Webpacker 3.0.0 · rails/webpacker@7cc9040
webpacker/CHANGELOG.md at master · rails/webpacker
How to use Phoenix with Webpack + React + Redux
Cannot import node_modules with ~ or ~@ [User iView] · Issue #461 · rails/webpacker![Cannot import node_modules with ~ or ~@ [User iView] · Issue #461 · rails/webpacker](https://cdn-ak-scissors.b.st-hatena.com/image/square/c8234ec26eb0cf2bf431b05d8bee2c3c80082890/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F0f92b2ae77e9773d2e398524644bfbd66c8f01d1ca224bc913e02a0fe5c5a558%2Frails%2Fwebpacker%2Fissues%2F461)
Comparing 3c488f9f4022735a37093a1c1718eb9a7d720102...17f70fe3002e1c1a8676f510e227211512909784 · rails/webpacker
Add static assets support by gauravtiwari · Pull Request #153 · rails/webpacker
Configuring an Elm App with Environment Variables via webpack
webpacker/README.md at master · rails/webpacker