babel-loader没有转换

时间:2016-08-25 13:41:26

标签: webpack babeljs

我正试图绕过webpack并且这样做我正在构建一个小的webpack项目。

到目前为止,它将我的两个入口点及其依赖项移动到dist文件夹,但没有任何文件被转换。我已经设置了babel-loader并安装了正确的预设,但似乎仍然无法正常工作。

Floatlist = [14.715258933890,10.215953824,14.8171645397,10.2458542714719]
print (", ".join(Floatlist))

but i am getting an following error :
TypeError: sequence item 0: expected string, float found

我错过了什么吗?

我的package.json如下:

output:14.715258933890,10.215953824,14.8171645397,10.2458542714719

1 个答案:

答案 0 :(得分:1)

我不确定什么是错的,但我在这里看到了一些事情。

首先,请确保您正在运行的是什么版本的babel,对于此设置我基于

 "babel-core": "5.8.25",
 "babel-loader": "5.3.2"

1 - 创建一个外部.babelrc文件ant你放入stage0变量,我注意到你确实放入了查询,我没有像你那样尝试过,但我的工作正常,因为外部文件,我不需要把es2015。

{stage:0}

2 - 如果你在Windows上,你应该使用一种解决方法来修复路径,我这样使用我的配置:

部首:

const webpack = require("webpack");
const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require("path");
const srcPath = path.join(__dirname, 'src');

3 - 您的切入点应考虑实际路径:

 entry: {
    app: path.join(srcPath, 'main.js') // see that the srcPath is the folder 'src' mapped in the const, this should be where your js files are to be loaded from.
}

4 - 输出文件夹

output: {
    filename: "[name].js",
    path: path.resolve(__dirname, "./dist"),
    publicPath: "",
  }

5 - 到装载机:

 module: {
    loaders: [
      {test: /\.js?$/, exclude: /node_modules/, loader: 'babel?cacheDirectory'}
]
  }

6 - 还要在webpack配置的末尾添加解析,这是修复路径的解决方法的一部分:

 resolve: {
    extensions: ["", ".js"],
    modulesDirectories: ["src", "node_modules"],
    root: [__dirname + path.sep + 'scripts'],
  }

如果您想为dev和prod环境使用节点变量,请检查此anwser:Why is my webpack bundle.js and vendor.bundle.js so incredibly big?