Rails + モダンJS環境(Webpack)で新規アプリ作成 - Qiita
Rails5の正式版でましたね！早速触ろう！でも、フロントはWebpackでブラウザの自動更新といった環境で開発したい！ということでRails5 + フロントはwebpackでビルドするサンプルアプリを作ってみました。 なお、今回のコードは以下においておきましたので、ご参考に。 https://github.com/ufotsuboi/rails-webpack-sample （追記） 続きを書きました。上記のリポジトリは次のコードも含まれていますのでご注意ください。 SassのビルドもWebpackでHot Module Replacementしたい 方針 RailsでモダンなJS環境にするにはいくつか方法があって、下記URLがわかりやすく、参考にさせていただきました。 モダンJavaScript開発環境 on Rails 上記の記事ではざっくり言うと 直接ビルドしたものを public
electron + webpack + react + sass | shimar's blog
以前、electron + webpack + sassという記事を書きました。今回はその続編で、electron + webpack + react + sassの開発環境を整えてみた、という話です。 electronアプリを作る際に、 rendererプロセス browserプロセス(Mainプロセス) を意識することになると思います。 electron + reactと謳う場合は、rendererプロセス側でreactを使う、という意味になると思っていて、この記事でもその文脈に則ってます。 electronアプリケーションを作る方法として正しいのかそうでないかはわからないのですが、やってみたかったこととしては、 webpackを使う webpackで、browserプロセスとrendererプロセスそれぞれのjsファイルを作る 画面(renderer側のhtml)で利用するstyle
electron + webpack + sass | shimar's blog
electronアプリを、react、reduxを使って作ってみようと考えて調べていると、webpackを使った例を結構な頻度で目撃しました。 このwebpackを使って、sassをwebpackでコンパイルして、electronアプリに食わせるとこまでやってみました。 electronにしてもそうじゃないにしても、sassをコンパイルしてHTMLファイルに引き込む、というのがゴールになると思う。 webpackでCSSをバンドルする場合、通常JSとして扱うことになる(tutorials/getting-started)ようだが、ここでは、sassをコンパイルしてcssファイルとして出力する方法を試した。 パッケージのインストール 次のパッケージをnpmでインストールした。 electronアプリを作るために、 electron webpackを使うために、 webpack webpack
webpackを使ってsassをコンパイルできるようにしよう！ - Qiita
背景 なぜかこれのやり方に関する記事が簡単にみつからず、”じゃあいいよ俺書くよ！”ってことでメモ。 （こんだけ記事がないと何か根本的に俺は間違っているのだろうかと内心ビクついてるので、何かお気付きの方いらっしゃいましたら容赦なくツッコミ下さい。） 元々はフロントのes6をコンパイルするためにwebpackを導入してみたので、sassもwebpackで処理できればいいなと。 あ、あとjsとcssは別ファイルに出力したいという要件を前提にやってます。特に明確な理由があるわけじゃないけど、気持ちの問題で^^ 環境 node 0.12.10 webpack 1.12.14 手順 ここを参考にSEPARATE CSS BUNDLE 必要なライブラリをインストール npm install style-loader css-loader sass-loader extract-text-webpack-
webpackでsassかくときにbootstrapをベースに使う - Qiita
以下などbootstrap用loaderもあるっぽいけど、 bootstrapで組んでいくというよりはベースにしてextendしたりしながら使いたいのでちょっと違和感がある。 https://github.com/shakacode/bootstrap-loader なのでsass-loaderでbootstrap使えるように設定したのだけど若干手順がめんどかったのでメモ 手順 1. package.json $ npm install --save-dev node-sass bootstrap-sass $ npm install --save-dev webpack $ npm install --save-dev css-loader style-loader sass-loader file-loader module.exports = { entry: './src/inde
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
