React と React Native のスレ (482ﾚｽ)
上下前次1-新
抽出解除 必死ﾁｪｯｶｰ(本家) (べ) 自ID ﾚｽ栞 あぼーん
15(1): デフォルトの名無しさん [sage] 2019/03/23(土) 17:42:18.24 ID:SoDVK1qs(1/3) AAS
>>1414(2): デフォルトの名無しさん [sage] 2019/03/23(土) 16:47:46.96 ID:Tnjwe5F0(2/3) AAS
>>13
失礼しました・・・。
node.jsはすでに入れてあり、reactはcreate-react-appからのを使っています。
webpackとbabelはreactを使う上でよく聞きました（ほとんど使えませんが・・・）
＞それとJSXはJavaScriptの構文拡張でしかないから
＞変換(ビルド)で出てくるのはJSだけ
というのは、>>13さんのwebpackでビルドしてもhtmlは出ない（jsファイルのみ出来る）という事でしょうか？
npm run build
でdistフォルダに生成されてない？
package.jsonにscriptsって項目で
npm run 〇〇
で使えるコマンド一覧が書いてあるから一度確認してみ
19: デフォルトの名無しさん [sage] 2019/03/23(土) 18:57:04.81 ID:SoDVK1qs(2/3) AAS
>>1717(2): デフォルトの名無しさん [sage] 2019/03/23(土) 18:44:19.14 ID:Tnjwe5F0(3/3) AAS
>>15
>>16
ありがとうございます
そういうことだったのですね・・・
無事出力されました。
buildしたファイルにindex.htmlができました。
改行がされず最小の表示？(min.jsの様な）になっているのですが、
こちらをj従来の読みやすさ重視で表示できる様にする方法はありませんか…？
reactで作っている傍、知人にはhtmlとjsで同じ構成のを見せたくて、
reactで書いたのに別途htmlとjsで同じものを作るのも大変なので、そういった方法があればなと。
npm run eject
node_modulesのreact-scriptsをプロジェクトルートに移してから
react-scriptsの中身を書き換えてビルドプラグインとかを抜けばいいけど
詳しいやり方はQiita漁ったら確かあったと思うから探してみ
21: デフォルトの名無しさん [sage] 2019/03/23(土) 20:00:56.18 ID:SoDVK1qs(3/3) AAS
npm run eject やった後にできた
scripts/build.jsの
const config = configFactory('production');
↓
const config = configFactory('development');
と
config/webpack.config.jsの148行辺り
path: isEnvProduction ? paths.appBuild : undefined,
↓
path: isEnvProduction ? paths.appBuild : paths.appBuild,
に書き換えたら良さそうだね
minify掛かってなくてもやっぱ見づらいけど
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 1.084s*