webpack - 如何在 webpack.config.js 中编写 snabbdom 加载器

Question

我开始使用snabbdom 技术。我用于项目的 Binder 是 webpack。当我尝试在 node.JS 上运行项目时('npm run build')，它向我显示错误:

ERROR in ./app/main.js
Module parse failed: D:\User\webWorkspace\snabbdom\snabbwebpack\app\main.js Line
 3: Unexpected token
You may need an appropriate loader to handle this file type.
| "use strict";
|
| import snabbdom from 'snabbdom';
| import counter from './counter';
|

这里有人知道如何在 webpack.config.js 文件中编写 snabbdom 加载程序吗？

Answer 1

这不是关于 snabbdom，而是 ES2015 语法。你需要一个 babel-loader:

npm install --save-dev babel-loader babel-core

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

echo '{ "presets": ["es2015"] }' > .babelrc

在 webpack.config.js 中:

module: {
  loaders: [
    { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"}
  ]
}