使用webpack编译单个marko组件

如何使用webpack或marko cli编译单个marko.js组件，以便将其用作npm注册表中的npm模块

该组件作为一个集成组件在我的项目中运行良好，但当我将其作为npm模块安装时，会出现类似“class{is not allowed”的错误，因为该组件未编译

使用webpack编译不起作用，它告诉我它找不到marko运行时实用程序，并且从marko cli编译的文件不能作为组件使用

网页包配置

const path=require（'path'））
const MiniCssExtractPlugin=require（'mini-css-extract-plugin'）
//获取节点环境
const{NODE_ENV}=process.ENV
const isDev=NODE_ENV===‘开发’
const env=isDev？“开发”：“生产”
//定义网页包配置
module.exports={
模式:env,，
条目：{
app:['./client.js']//我也试过了。/component/index.marko
},
输出：{
文件名：'[name].js'，
path:path.resolve（uu dirname，'dist'）
},
决心：{
扩展名：['.marko']
},
模块：{
规则：[
{
测试：/\.marko？$/,，
加载器：'@marko/webpack/loader'
},
{
测试：/\（sass | scss | css）$/，
使用：[
MiniCssExtractPlugin.loader，
“css加载程序”，
“sass loader”
]
},
{
测试：/\.svg/,，
加载程序：“svg url加载程序”
}
]
},
插件：[
新的MinicsSextract插件({
文件名：'[name].css'
})
]
}

马尔科分量

-- Hello World!

client.js

require（'./component/index.marko'））
require（'marko/components'）。init（）