/ts-vue-pack

TypeScript + Vue + Webpack を試したときのやつ

Primary LanguageJavaScript

ビルド方法

npm install
npm run build

開発環境構築

n のアップデート
npm install -g n

node のアップデート
n latest

npm のアップデート
npm install -g npm

このときのバージョン
node: 8.4.0
npm: 5.3.0

package.json の作成
npm init -y

Webpack のインストール
npm install --save-dev webpack

TypeScript のインストール
npm install --save-dev typescript

Vue のインストール
npm install --save-dev vue

ts-loader のインストール
npm install --save-dev ts-loader

vue-loader のインストール
npm install --save-dev vue-loader

vue-template-compiler のインストール
npm install --save-dev vue-template-compiler

vue-class-component のインストール
npm install --save-dev vue-class-component

css-loader のインストール
npm install --save-dev css-loader

参考
https://blog.hiratama.net/typescript-webpack-vuejs-step1/
https://jp.vuejs.org/v2/guide/typescript.html
https://github.com/vuejs/vue-class-component/blob/master/example/App.vue