我有一个正在用打字稿开发的库。我有通过 tsc 构建它作为 npm 包的解决方案,但 tsc 单独转换每个文件。我想使用 webpack 在单个缩小的文件中创建一个包,但它不起作用。我做了一些测试(使用 module.exports/require 在 JS 中创建一个简单的包并且它起作用了,一个使用 es6 语法导出/导入失败的 JS 包)所以我认为我来自 typescript 的导入/导出语法.. . 但我希望加载器(我尝试过 ts-loader 和 awesome-ts-loader)来翻译它,但在每种情况下,当我尝试导入捆绑包时,它总是返回“未定义”。
这是我的 tsconfig.json 文件:
{
"compilerOptions": {
"declaration": true,
"outDir": "./dist/",
"sourceMap": true,
"noImplicitAny": true,
"module": "es6",
"target": "es6",
"resolveJsonModule": true,
"moduleResolution": "node"
},
"exclude": [
"node_modules"
]
}
Run Code Online (Sandbox Code Playgroud)
(对于模块和目标,我尝试将模块和较旧的 targs 更改为 commonjs,但它没有改变任何东西......)
这是 webpack 配置文件:
const path = require('path');
module.exports = {
entry: './src/index.ts',
mode: 'production',
module: {
rules: [
{
test: /\.ts$/,
use: 'ts-loader',
exclude: …Run Code Online (Sandbox Code Playgroud)