使用webpack

时间:2016-07-18 15:16:01

标签: webpack

我有一个简单的webpack.config文件,可以完成我想要的操作。

module.exports = {
    entry: ['babel-polyfill', path.normalize(__dirname + '/src/js/main')],
    devtool: 'cheap-module-source-map',
    output: {
        filename: 'bundle.js',
        path: path.join(__dirname, 'dist')
    },
    module: {
        loaders: [
            {
                loader: 'babel',
                test: /\.js$/,
                include: [path.resolve(__dirname, 'src', 'js')],
                query: {
                    plugins: ['transform-runtime'],
                    presets: ['es2015']
                }
            },
            {
                loader: 'style!css',
                test: /\.css$/,
                include: [path.resolve(__dirname, 'src', 'css')]
            }
        ]
    }
};

按照我的意愿编译我的es2015。但是,我打算使用babel插件here

我按照文档中的说明安装了插件。然后我在根文件夹中添加了一个.babelrc文件,其中我的webpack.config具有设置

{
  "presets": ["es2015"],
  "plugins": ["incremental-dom"]
}

。我的插件没有像我期待的那样编译我的jsx文本。我想我可能不会在我的webpack中正确配置我的插件。请问我错过了什么?任何帮助将不胜感激。

0 个答案:

没有答案