javascript - webpack配置babel

问题描述

问 题

var path = require('path');
module.exports = {
    entry: './app/index.js',
    output: {
        path: './build/',
        filename: 'build.js'
    },

    module: {
        loaders: [
            {
                test: /\.css$/,
                loaders: ["style", "css"],
                exclude: "/node_modules/"
            },
            {
                test: /\.js$/,
                loader: 'babel-loader',
                exclude: "/node_modules/",
                query: {
                    presets: ['es2015']
                }
            }
        ]
    },

    resolve: {
        extensions: ['', '.js', '.css']
    }

}

会报出错误.

ERROR in C:/Documents and Settings/Neko/Application Data/npm/~/webpack-dev-serve
r/client?http://localhost:8080
Module not found: Error: Cannot resolve module 'babel-loader' in C:\Documents an
d Settings\Neko\Application Data\npm\node_modules\webpack-dev-server\client
 @ C:/Documents and Settings/Neko/Application Data/npm/~/webpack-dev-server/clie
nt?http://localhost:8080 1:10-24

ERROR in C:/Documents and Settings/Neko/Application Data/npm/~/webpack-dev-serve
r/client?http://localhost:8080
Module not found: Error: Cannot resolve module 'babel-loader' in C:\Documents an
d Settings\Neko\Application Data\npm\node_modules\webpack-dev-server\client
 @ C:/Documents and Settings/Neko/Application Data/npm/~/webpack-dev-server/clie
nt?http://localhost:8080 3:16-37

ERROR in C:/Documents and Settings/Neko/Application Data/npm/~/webpack-dev-serve
r/client?http://localhost:8080
Module not found: Error: Cannot resolve module 'babel-loader' in C:\Documents an
d Settings\Neko\Application Data\npm\node_modules\webpack-dev-server\client
 @ C:/Documents and Settings/Neko/Application Data/npm/~/webpack-dev-server/clie
nt?http://localhost:8080 2:13-37

.. 我之前加上了include: [path.resolve(__dirname, "/app/")], 能够完成编译, 但是babel没有起作用.. 请问....是哪里出问题了..

解决方案

你没装babel-loader,来吧：

npm install --save-dev babel-core babel-loader

这篇关于javascript - webpack配置babel的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！