使用＆＃39; import＆＃39;时出错在webpack.config.babel.js中

Question

var gameArea: [(x: Int, y: Int)] = []

for x in 1...10 {
    for y in 1...10 {
        gameArea.append((x,y))
    }
}

var position = gameArea[5]

position.0 // x value
position.1 // y value

position.x // x value
position.y // y value

使用(function (exports, require, module, __filename, __dirname) { import path from 'path' ^^^^^^ SyntaxError: Unexpected token import 时会发生此错误。

这似乎是因为它无法阅读webpack-dev-server --hot或webpack不支持import。我尝试使用import，但它不起作用。有什么方法可以解决这个问题吗？请参阅下面的代码。

webpack.config.babel.js

babel-register

Answer 1

babel-register只会在您调用require("babel-register");的情况下使用babel转换所需的模块，而不是模块本身。

您可以使用中间步骤来使用Webpack配置。

webpack.config.js

require('babel-register');
module.exports = require('./webpack.config.babel.js');

webpack.config.babel.js

import path from 'path'
import webpack from 'webpack'
import HtmlPlugin from 'html-webpack-plugin'
import ExtractTextPlugin from 'extract-text-webpack-plugin'

const vueLoaders = {
  html: 'pug-loader',
  css: ExtractTextPlugin.extract({
  ...

Answer 2

Node目前不支持ES6 import语法。同时使用CommonJS require语法。

const path = require('path')
const webpack = require('webpack')
const HtmlPlugin = require('html-webpack-plugin')
const ExtractTextPlugin = require('extract-text-webpack-plugin')