首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何与Webpack一起编写寓言和代码插件?

如何与Webpack一起编写寓言和代码插件?
EN

Stack Overflow用户
提问于 2020-04-15 09:47:10
回答 1查看 155关注 0票数 1
代码语言:javascript
运行
复制
module App

open Fable.Import

let activate (ctx : vscode.ExtensionContext) =
    printfn """Congratulations, your extension "fable-vscode-helloworld" is now active!"""

    vscode.commands.registerCommand("extension.helloWorld", fun _ ->
        let _ = vscode.window.showInformationMessage("Hello World!",[||])
        null
        )
    |> ctx.subscriptions.Add

let deactivate () = ()

上面需要Fable.Import.VSCode包。多亏了fable-splitter的说明,我已经成功地用这里编译了上面的代码,但是我想坚持一个编译方案,所以我也希望用webpack来编译。

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

module.exports = {
    mode: "development",
    entry: "./src/App.fsproj",
    output: {
        path: path.join(__dirname, "./public"),
        filename: "bundle.js",
    },
    devServer: {
        publicPath: "/",
        contentBase: "./public",
        port: 8080,
    },
    module: {
        rules: [{
            test: /\.fs(x|proj)?$/,
            use: "fable-loader"
        }]
    }
}

这是我的webpack.config.js。我所使用的项目模板是寓言文档中的标准模板。

代码语言:javascript
运行
复制
ERROR in ./src/App.fs
Module not found: Error: Can't resolve 'vscode' in 'E:\Webdev\Fable\js-test\src'
 @ ./src/App.fs 2:0-53 6:16-24 7:4-11
 @ ./src/App.fsproj

当我尝试用webpack构建它时,它会抱怨它无法解决vscode。我在这里该怎么办?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-04-15 18:17:16

您需要将vscode声明为外部依赖项,这样Webpack就会知道它不应该试图将扩展直接捆绑在代码中。需要时,将在运行时包含VSCode。

您需要将其添加到webpack.config.js中。

代码语言:javascript
运行
复制
  externals: {
    "vscode": "commonjs vscode",
  }
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61225751

复制
相关文章

相似问题

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