Webpack 2中的动态导入不起作用

我想在webpack 2中使用动态导入。我使用webpack 2.4.1

index.js

import 'babel-polyfill'
import React from 'react'
import { render } from 'react-dom'
import Root from './containers/Root'
import '../styles/custom.scss'

var btn = document.getElementsById('button');
btn.addEventListener("click", () => {
    import('./assets/chunk.css').then(()=>{
        console.log("Success")
    })
});

render(
  <Root />,
  document.getElementById('root')
)

但是当我运行“ npm start”时，它不起作用，并在index.js的第9行通知错误

Module build failed: SyntaxError: 'import' and 'export' may only appear at the top level (9:4)

谢谢你的帮助！