2017年3月31日金曜日

webpack.config.js の設定でハマる

Mac でwebpack 使ってたのですが、バックスラッシュと円記号(¥)の違いで、ハマりました。
Mac環境のUTF-8では、バックスラッシュは¥ とは違う扱いになるため、Windows の感覚でバックスラッシュを¥ にしてハマりました。
具体的には、以下のwebpack.config.js の設定に不備がありました。
正解  → test: /\.(js|jsx)$/,
間違い → test: /¥.(js|jsx)$/,

Windows では、¥ を\ に変換してくれるので、おそらく問題なく動作できると思います。(未確認)
下記のURL のサンプル作成で使用したwebpack.config.js を添付しておきます。
http://xiao-ctrl-y.com/2016/06/29/react-redux-begin-3/

var path = require('path')
var webpack = require('webpack')

module.exports = {
 entry: "./src/index",
 output: {
  path: path.join(__dirname, 'static'),
  filename: 'bundle.js',
  publicPath: '/static/'
 },
 resolve: {
  extensions: ['*', '.js', '.jsx']
 },
 module: {
  loaders: [
   {
    test: /\.(js|jsx)$/,
    exclude: /node_modules/,
    include: path.join(__dirname, 'src'),
    loader: 'babel-loader',
    query:{
     presets: ['es2015', 'react']
    }
   }
  ]
 }
};

0 件のコメント:

コメントを投稿