feat: update webpack 3 to 4(working)

[yumetodo]

Resolve #1

[yumetodo]

まだ作業中

[yumetodo]

Webpack4になってどうすることになったんだっけか

[yumetodo]

https://webpack.js.org/migrate/4/#mode

うーん、modeっていう変数あるのか・・・？

[yumetodo]

webpack4全然わからない。

target: 'node',書いてるのに

Module not found: Error: Can't resolve 'fs'

file-loaderの設定書いてるのに

You may need an appropriate loader to handle this file type.

[akihikodaki]

• 一つのPRでいろいろやっちゃだめ。
• cssnanoはPostCSSで使ってください。cssnanoはそういう用途に設計されている。
• いらない変更があったりするので修正するときにはamendとforce-pushして。

[akihikodaki]

electron を次のドキュメントにあるように commonjs として指定して。 (そう、ここで指定されるべきは fs ではなく electron)
https://webpack.js.org/configuration/externals/

[akihikodaki]

file-loader のエラーわからないわかる。

[yumetodo]

全く改善しない。

[yumetodo]

electron を次のドキュメントにあるように commonjs として指定して。 (そう、ここで指定されるべきは fs ではなく electron)

やったけど( f941fcb ) 効果なくね？

[yumetodo]

amendとforce-push

最後にrebase -iでいい感じにするのでご安心を

[akihikodaki]

commonjs としてだ。それではglobal scopeの electron variable を参照してしまう。

[yumetodo]

うん？言いたいことがわからん。今

const electron = require('electron');

としているんだから、globalにおけばいいんじゃないの(わかってない

[akihikodaki]

そうじゃなくて、 require('electron') が単に electron として置き換えられてしまうということ。

[yumetodo]

diff --git a/play/main/webpack.config.js b/play/main/webpack.config.js
index 57d76ae..fd95b1e 100755
--- a/play/main/webpack.config.js
+++ b/play/main/webpack.config.js
@@ -21,7 +21,9 @@ const path = require('path');
 module.exports = Object.assign({
        entry: '.',
     externals: {
-        electron: 'electron'
+        electron: {
+            commonjs: 'electron'
+        }
     }
        output: {
                filename: '[name].js',

こういうこと？エラーはあいかわらすだけど

[yumetodo]

あーもーだめだ(AMD)、さっぱりわからん。お手上げ。

[yumetodo]

ちなみにmakeはもちろんぶっ壊れているので治す必要がある。

[celluloce]

webpackでkagucho2018/play/mainのbuildですが、maindirectryに移動してwebpackを実行させるとできました。（理由はわかりませんが、既存のmakefileでもcdでdirectry移動した後webpackを実行している）

[celluloce]

でkagucho2018/play/renderですが、コード書き換える等しないとbuild通らなさそうです。
rewrite_renderbranchでむちむち書き換えてます。

[akihikodaki]

今見たんだけど、コード自体は直せばいいとして、 extract-text-webpack-plugin がまだbetaだからどのみち4に上げるのは反対だ。betaが外れてからでいい (2018ではやらない)

[celluloce]

https://weblike-curtaincall.ssl-lolipop.jp/blog/?p=2094
extract-text-webpack-pluginはWebpack4で使えないのでmini-css-extract-pluginを使おうと言ってます。
実際どうかわかりませんがmini-css-extract-pluginを使ってみませう。

[yumetodo]

そういえば
miraiken/web#99
ではmini-css-extract-plugin使うように書き換えてたわ。もっとも謎のエラーで動かんのだが

[celluloce]

苦戦してる。

何が悪いんだろう...

わっかんね。

[celluloce]

#4