javascript - webpack不能使用es6 的模块?

 铲除飞网败类 发布于 2022-11-20 17:31

我在使用react的时候用es6特性,使用babel转码。
诸如class之类的语法都可以使用,
但是唯独es6的模块import export不能使用,只好用commonjsrequire exports,这是为什么?
是我的webpack配置不对么?
我下载下来的redux的例子都是用es6模块写的,webpack能编。
贴一下webpack.config.js

var webpack = require('webpack');
var commonsPlugin = new webpack.optimize.CommonsChunkPlugin('common.js')
var srcPath = './src/';
module.exports = {
    entry: srcPath + 'index.js',
    output: {
        path: './build/',
        filename: '[name].bundle.js'
    },
    module: {
        loaders: [{
            test: /\.js$/,
            loaders: [ 'babel' ],
            exclude: /node_modules/,
            include: __dirname
        }, {
            test: /\.css?$/,
            loaders: [ 'style', 'raw' ],
            include: __dirname
        }]
    },
    plugins: [
        new webpack.optimize.OccurenceOrderPlugin(),
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NoErrorsPlugin()
    ],

    resolve: {
        extensions: ['', '.js', '.jsx', '.json', '.css'],
        root: ['./node_modules']
    }
};
1 个回答
  • 看下 http://segmentfault.com/q/1010000003958514/a-1020000003958627

    另外 对于 ES6 语法 安装 babel-preset-es2015

    npm install babel-preset-es2015 --save-dev

    上面文章中的配置是在 package.json中配置 query

    也可以在项目根目录下 添加配置文件 .babelrc

    {
      "presets": [
        "es2015",
        "react"
      ]
    }
    2022-11-20 18:15 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有