码迷,mamicode.com
首页 > Web开发 > 详细

webpack之es6转换

时间:2017-11-13 23:10:29      阅读:312      评论:0      收藏:0      [点我收藏+]

标签:dir   microsoft   entry   style   back   es6   eset   解析   pat   

配置webpack.config.js:

module.exports = {
    // 源文件
    entry: __dirname + /app/main.js,
    // 输出文件
    output: {
        path: __dirname + /public,
        filename: bundle.js
    },
    // source-map调试,可查看未打包的源文件ctrl+p
    devtool: "enval-source-map",
    // 本地服务器
    devServer: {
        contentBase: ./public,
        historyApiFallback: true,//不跳转
        inline: true//实时刷新
    },
    // 模块加载解析器
    module: {
        rules:[
            {
                test: /\.js$/,
                use: {
                    loader: "babel-loader",
                    options:{
                        // 转换规则
                        presets: [
                            "es2015"
                        ]
                    }
                },
                exclude: /node_modules/
            }
        ]
        
    }

}

注意:json已集成,无需转换

webpack之es6转换

标签:dir   microsoft   entry   style   back   es6   eset   解析   pat   

原文地址:http://www.cnblogs.com/maoriaty/p/7828185.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!