Question

我需要从node_modules导入一个npm包，该包已作为依赖项安装在我的JS项目中，并在html模板中使用此包中的.js脚本。我试图使用webpack别名来导入没有绝对路径的软件包，但是该别名似乎不起作用。 Webpack配置文件如下所示：

const webpack = require('webpack');
const path = require('path');

module.exports = {

output: {
},
resolve: {
    alias:{
      Bundle: "@foo/bar/dist/bundle.js"
    },
    extensions: ['.js', '.ts', ".tsx"]
},
module: {
    rules: [
        { test: /\.tsx?$/,
            loader: 'ts-loader'
        }
     ]
  }
 };

其中@foo/bar是我要导入的软件包的名称，而@foo/bar/dist/bundle.js是我要使用的脚本的完整路径。由于不需要导出项目，因此输出部分为空。我创建了单独的“ test.js”，在其中尝试使用import 'Bundle'导入budle，并在HTML模板中将其用作 <script type="module" async="false" defer="false" src="/webapp/test.js"></script>。可能在多个地方搞砸了，但我无法弄清楚这里的导入有什么问题。

从node_modules导入包

0 个答案: