webpack中使用import和require有什么区别？

Question

require('normalize.css/normalize.css');
import 'styles/App.css';

import React from 'react';
import ReactDOM from 'react-dom';

刚才试了下，都可以打包，两种写法有什么区别？

Answer 1

require是commonjs规范
import是es6规范, 但是主流实现都不支持(node, chrome), 一般还是要用babel转换
基本上都是用babel-plugin-transform-es2015-modules-commonjs这个插件转成require形式

Answer 2

require import是从属于两种模块化规范，参考这个提问

Answer 3

不用这么麻烦，简单记住 require 是 webpack 1.x 的写法，webpack 2.x 用 import 就行了

Answer 4

区别不大，都是引用的写法，
require是common.js的写法，
import是ES6的写法，
主要功能都是引入模块，
写法上：

var modal = require('...')
import modal from '....'

Answer 5

好吧，原来一样的。