首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >ES6与Babel的出口

ES6与Babel的出口
EN

Stack Overflow用户
提问于 2016-02-23 19:55:47
回答 1查看 359关注 0票数 2

很明显,我错过了一些非常简单的东西,所以我提前为这个愚蠢的问题道歉。我没有错误,所以很难谷歌。

我正试图从一个用ES6编写的npm软件包中导出一些东西,任何东西都是用babel和webpack编写的。

我遵循这个http://jamesknelson.com/using-es6-in-the-browser-with-babel-6-and-webpack/为我的webpack设置,留下了大部分-相同的,但在下面找到它作为参考。我做了一个测试导出回购,只是为了确保它不是在我试图导出的模块代码中的任何东西,也可以在下面找到它。任何帮助都将是非常感谢的;此时我觉得我正在服用疯狂的药片。

src/index.js

代码语言:javascript
运行
复制
const test = "test";

export default test;

webpack.config.js

代码语言:javascript
运行
复制
var path = require("path");
var webpack = require("webpack");

module.exports = {
  entry: [
    "babel-polyfill",
    "./src/index"
  ],

  output: {
    //path: path.join(__dirname, "lib"),
    //filename: "[name].js"
    filename: "./lib/index.js"
  },

  // import bare, .js, and .jsx files
  resolve: {
    extensions: ["", ".js", ".jsx"]
  },

  devtool: "source-map",

  module: {
    loaders: [
      {
        loader: "babel-loader",

        // only load src
        include: [
          path.resolve(__dirname, "src")
        ],

        // only compile .js and .jsx files
        test: /\.jsx?$/,

        query: {
          plugins: ["transform-runtime", "transform-decorators-legacy"],
          //plugins: ["transform-decorators-legacy"],
          presets: ["es2015", "stage-0", "react"]
        }
      },
    ]
  },
  debug: true
};

package.json

代码语言:javascript
运行
复制
{
  "name": "test-package",
  "version": "0.0.1",
  "description": "test",
  "main": "lib/index.js",
  "repository": {
    "type": "git",
    "url": "git+https://github.com/xxx/xxx.git"
  },
  "scripts": {
    "start": "webpack-dev-server"
  },
  "keywords": [
    "es6"
  ],
  "author": "me",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/xxx/xxx/issues"
  },
  "homepage": "https://github.com/xxx/xxx#readme",
  "dependencies": {
    "babel-polyfill": "^6.5.0",
    "babel-runtime": "^6.5.0"
  },
  "devDependencies": {
    "babel-core": "^6.5.2",
    "babel-loader": "^6.2.3",
    "babel-plugin-transform-decorators-legacy": "^1.3.4",
    "babel-plugin-transform-runtime": "^6.5.2",
    "babel-preset-es2015": "^6.5.0",
    "babel-preset-react": "^6.5.0",
    "babel-preset-stage-0": "^6.5.0",
    "webpack": "^1.12.14",
    "webpack-dev-server": "^1.14.1"
  }
}

webpack -p

其他项目

npm i ../test-package

(验证实际安装,在lib/index.js中搜索"test“并找到应该导出的内容)

代码语言:javascript
运行
复制
import test from "test-package";

console.log(test);
console.log(Object.keys(test));

输出:空对象,空数组

EN

回答 1

Stack Overflow用户

发布于 2017-01-29 23:27:10

为什么不试试

代码语言:javascript
运行
复制
import * as test from "test-package";

然后

代码语言:javascript
运行
复制
console.log(test);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35586952

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档