如何使用默认模板
您可能已经在教程中注意到,项目默认包含了index.js 和 webpack.config.js 模板文件。 因为webpack是基于JavaScript的应用程序的流行且高度可配置的模块捆绑器,所以默认的webpack.config.js文件使添加要使用的特定模块(如react和markdown)变得容易。
默认情况下,模板webpack.config.js文件还会根据项目dfx.json文件中的条目创建Canister别名。 如果查看模板webpack.config.js文件中的代码,您会发现它使用以下代码块执行此别名创建任务:
// List of all aliases for canisters. This creates the module alias for
// the `import ... from "ic:canisters/xyz"` where xyz is the name of a
// canister.
const aliases = Object.entries(dfxJson.canisters)
.filter(([name,value]) => value.main)
.reduce((acc, [name,value]) => {
const outputRoot = path.join(__dirname, dfxJson.defaults.build.output, name);
const filename = path.basename(value.main, ".mo");
return {
...acc,
["ic:canisters/" + name]: path.join(outputRoot, filename + ".js"),
["ic:idl/" + name]: path.join(outputRoot, filename + ".did.js"),
};
}, {});
最后更新于
这有帮助吗?