webpack配置: 如何同時使用ES2015和JSX

筆記筆記,網上不少例子都是過時的啊= = 由於jsx轉換器整合到babel中了,根本不須要網上所說的jsx-loadercss

sudo npm install webpack webpack-dev-server babel  -g
sudo npm install react react-dom babel-loader less-loader css-loader style-loader url-loader file-loader babel-preset-es2015 babel-preset-react --save-dev
module.exports = {
    entry: {
        main: './src/index.jsx',
        es5:'./src/es6.js'
    },
    output: {
        path: 'build',
        filename: '[name].build.js'
    },
    resolve: {
        extensions: ['','.js', '.jsx']
    },
    module: {
        loaders: [{
            test: /\.jsx$/,
            loader: 'babel-loader',
            query:{
               presets:['es2015','react']
            }
        },
        {
            test: /\.js$/,
            loader: 'babel-loader',
            query:{
               presets:['es2015']
            }
        }]
    }
};
相關文章
相關標籤/搜索