文章/答案/技术大牛

发布

社区首页 >问答首页 >用webpack编译寓言生成的代码

问用webpack编译寓言生成的代码
EN

Stack Overflow用户

提问于 2017-02-11 02:44:10

回答 1查看 274关注 0票数 0

我的test.fsx看起来像：

module Test
#r "./node_modules/fable-core/Fable.Core.dll"
open Fable.Core
open Fable.Import.Browser
type ItemCompletedData    = {itemsCompleted:int}
type AddData              = {text:string}
[<Pojo>]
type ActionData =
  | ItemCompleted of ItemCompletedData
  | Add of AddData
let test = (Add {text="hello world"})
console.log(test)

编译它时：

node node_modules/fable-compiler/index.js --projFile test.fsx -o ./js/

webpack.config.js看起来像：

var path = require("path");
module.exports = {
  entry: {
    main: ["./js/test.js"]
  },
  output: {
    path: path.resolve(__dirname, "build"),
    publicPath: ".",
    filename: "[name].js"
  }
  ,devServer: {
    contentBase: path.join(__dirname, "./"),
    compress: true,
    port: 9000
  }
};

用以下命令运行webpack：

node node_modules/webpack/bin/webpack.js --devtool source-map

这会引起战争：

在./~/.0.7.26@fable core/umd/Symbol.js 3:24-31关键依赖项: require函数中使用的警告方式不能静态提取依赖项。在./~/.0.7.26@fable core/umd/Util.js 3:24-31关键依赖项: require函数中使用的警告方式不能静态提取依赖项。

当打开使用main.js的html文件时，我在控制台中得到一个错误：

Symbol.js:3 Uncaught Error: Cannot find module "."

symbol.js来自fable-core/umd/Symbol (在寓言生成的脚本中)。当我手动将它更改为：fable-core/Symbol (对于所有的寓言-核心依赖项)，那么我可以在没有警告的情况下编译并且不会在页面中得到错误。

如何在不手动更改寓言输出的情况下防止此错误？

webpack

fable-f#

回答 1

Stack Overflow用户

发布于 2017-02-11 02:45:45

在编写这个问题时，我正在进行步骤，并尝试将-m es2015添加到寓言编译器命令中。

这就是解决办法。

既然寓言代码可以加载，我只需要解决暴乱生成的js代码所造成的问题。我需要在设置riot.mixin之后加载标记，所以我将它们加载到嵌套的requiejs umd语句中(可能会导致错误)。

require riot
  ... require tag1 tag2 ...

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42171608

复制

相似问题

问用webpack编译寓言生成的代码
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用webpack编译寓言生成的代码EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用webpack编译寓言生成的代码
EN