[AngularJS + Webpack] ES6 with BabelJS

最新推荐文章于 2025-05-27 02:25:50 发布

weixin_30338743

最新推荐文章于 2025-05-27 02:25:50 发布

阅读量129

点赞数

CC 4.0 BY-SA版权

文章标签： webpack ViewUI

原文链接：http://www.cnblogs.com/Answer1215/p/4792189.html

本文详细介绍了如何在Webpack配置文件中利用Babel作为JavaScript文件的加载器，并排除了所有node_modules文件夹内的文件。通过设置entry点指向应用入口文件，输出路径为build目录，以及模块加载器来实现此目的。

Install:

npm install --save-dev babel-loader

webpack.config.js:

Add module, tell webpack to find all js file and use babel as loader, exclude all files in node_modules

module.exports = {
    entry: {
        app: ['./app/index.js']
    },
    output: {
        path: './build',
        filename: 'bundle.js'
    },
    module: {
        loaders: [
            {test: /\.js$/, loader: 'babel', exclude: /node_modules/}
        ]
    }
};

转载于:https://www.cnblogs.com/Answer1215/p/4792189.html