Webpack 将 ts 文件的导出编译为空

Question

我的 index.ts 文件中只有一行。export * from "./foo"foo.ts 文件中也只有一行。export const foo = ()=> 'bar'我只使用“npx webpack-cli init”中的默认配置。仅编辑“模式”和“输出”。const TerserPlugin = require('terser-webpack-plugin');module.exports = {  mode: 'production',  entry: './src/index.ts',  output:{    filename:'index.js'  },  plugins: [new webpack.ProgressPlugin()],  module: {    rules: [{      test: /\.(ts|tsx)$/,      loader: 'ts-loader',      include: [path.resolve(__dirname, 'src')],      exclude: [/node_modules/],      options:{        transpileOnly: true      }    }]  },  resolve: {    extensions: ['.tsx', '.ts', '.js']  },  optimization: {    minimizer: [new TerserPlugin()],    splitChunks: {      cacheGroups: {        vendors: {          priority: -10,          test: /[\\/]node_modules[\\/]/        }      },      chunks: 'async',      minChunks: 1,      minSize: 30000,      name: false    }  },  target:"web"}这是我的 tsconfig.js{  "compilerOptions": {    "allowSyntheticDefaultImports": false,    "noImplicitAny": true,    "module": "es6",    "target": "es5",    "allowJs": false,    "sourceMap": true  }}这是我的 package.json{  "name": "npm",  "version": "1.0.0",  "description": "",  "main": "dist/index.js",  "scripts": {    "test": "echo \"Error: no test specified\" && exit 1",    "build": "webpack"  },  "author": "",  "license": "ISC",  "devDependencies": {    "@webpack-cli/init": "^1.0.3",    "babel-plugin-syntax-dynamic-import": "^6.18.0",    "terser-webpack-plugin": "^5.0.3",    "ts-loader": "^8.0.12",    "typescript": "^4.1.2",    "webpack": "^5.10.0",    "webpack-cli": "^4.2.0"  }}当我运行构建时使用这些"build": "webpack"我在“dist/index.js”中得到了一个空的index.js。我缺少什么？

Answer 1

我认为问题在于删除未使用的webpack. 请记住，除非传递给它的输入代码的样式必须与配置的样式相同，否则能够webpack执行此操作。esmmodule: "es6"

如果导出为库，您可能必须通过指定目标来告诉 webpack 构建为库，甚至可以添加名称：

webpack.config.js

{

  output: {

    library: "yourLibName",

    libraryTarget: "umd",

    filename: "index.js"

  },

}