webpack2＋vuejs2+vue-routerやるときのwebpack.config.jsを貼っておく

webpack2＋vuejs2+vue-routerをやろうとするとwebpack.config.jsの書き方で結構はまるので、出来上がったwebpack.config.jsを貼り付けておきます。

var webpack = require("webpack");
var vue = require('vue-loader');
var path = require('path');

module.exports = {
    entry: {
        'bundle': path.join(__dirname, 'assets/js/app.js'),
    },
    output: {
        path: path.join(__dirname, 'assets/dist'),
        filename: "[name].js",
    },
    resolve: {
        alias: {
            'vue$': 'vue/dist/vue.common.js'
        },
        modules: [
            path.join(__dirname, '/assets/js'),
            path.join(__dirname, '/node_modules')
        ],
        extensions: ['.js', '.vue', '.css']
    },
    cache: true,
    module: {
        loaders: [{
            test: /\.css$/, loader: 'style-loader!css-loader',
        }, {
            test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
            loader: 'url-loader?limit=10000&mimetype=application/font-woff',
        }, {
            test: /\.(jpg|png)$/, loader: 'url-loader',
        }, {
            test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
            loader: 'file-loader',
        }, {
            test: /\.vue$/,
            loader: 'vue-loader',
            exclude: /node_modules/,
        }, {
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel-loader',
        }],
    },
    devtool: '#source-map',
    plugins: [
        new webpack.ProvidePlugin({
            jQuery: 'jquery',
            $: 'jquery',
            Tether: 'tether',
            Vue: 'vue',
            VueResource: 'vue-resource',
            VueRouter: 'vue-router'
        }),
    ],
}

ブログ書いてみます

これから不定期にブログを書いてみようと思います。

どんなこと書こうと思ってるか、まとめてみます。後で見返して、「あれ、趣旨ちがくね？」ってならないためにも！

いつ書くのか？

---

不定期。でもなるべく頑張ります

どんなことを書くのか？

---

・仕事とか遊びで使った言語とか技術でハマったところの対応とか

・新しい技術出たの見つけたからご紹介とか

・こんなの作ってみましたとか

技術ジャンルは？

---

・ノンジャンルですが、仕事柄web系の内容が多くなるはずです

・プライベートはGoとElixirとVueを最近多く使うので、その系のものも多くなるかもしれません

・ポエミーなことはあまり書きません、たぶん

---

という感じで頑張ってみます！