WebPackでnodeランタイム向けにビルドする | // sakura note
前回まででTypeScriptを使ってフロントエンドJavaScriptをビルドする話を書きましたが、TypeScrptに慣れてしまうとES2015で書く気にはなれません。 当然のようにサーバーサイドもTypeScriptでコードを書き始めたのですが、ビルドにフロントエンドでも使っていたWebPackを採用して少しハマったので共有します。 やりたかったこと TypeScriptでsocket.ioを使ったソケットサーバーを書きたい 変更検知でビルド自動化したい glup/grunt抜きでWebPackでやりたい 環境 Mac OS X El Capitan node.js v5.7.1 / npm v3.6.0 TypeScript v1.9.0-dev.20160312 typings v0.7.9 webpack v1.12.14 上3つのモジュールは npm でグローバルインストール
TypeScript + React + WebPack + Gulpの作り方(SourceMapからminifyまで) - かずきのBlog@hatena
自分用メモ。 まず、tsconfig.jsonから。 tsconfig.json { "compilerOptions": { "target": "es5", "module": "commonjs", "removeComments": true, "sourceMap": true, "jsx": "react" }, "exclude": [ "node_modules" ] } とりあえず、node_modulesを除いたファイルを対象にしておけばだいたいOK。 次に、webpack.config.jsです。 webpack.config.js var path = require('path'); var webpack = require('webpack'); module.exports = { entry: { app: './react/app.tsx' }, out
Gulp+WebPackで作るTypeScript開発環境【5分でできる！】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
それでは順を追って作ってみましょう！ ディレクトリの準備 まずはディレクトリを用意します。 今回はts-templateフォルダの中にindex.htmlを置きました。 ts-template �└── index.html 作ったらterminalで移動しましょう。 package.json作成 package.jsonを作成します。 npm init 何かいろいろ聞かれますが、全て[enter]でOKです。 ts-template ├── index.html └── package.json モジュールのインストール 必要なモジュールをインストールしましょう！ まとめてインストールもできますが、今回は1つずつインストールしていきます。 gulp gulp-connect gulp-webpack ts-loader typescript npm install gulp --save
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
