我的目录结构如下:
projectRoot
├── project-server
│ ├── src
│ └── pom.xml
├── project-ui
│ ├── tsconfig.json
│ └── src
│ └── file.ts. (imports ./file.js)
我的问题是,
project-server
使用经过转译的 js 文件,因此需要使用 .js
扩展名解析这些文件。我正在使用 webpack-dev-server 进行开发,并使用 ts-loader
,但是我收到以下错误信息:Module not found: Error: Can't resolve './file.js' in
'/projectRoot/project-ui/src'
以下是我的
webpack.config.js
文件:module.exports = {
entry: './project-ui/src/file1.ts',
mode: "development",
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
module: {
rules: [
{
test: /\.ts$/,
use: 'ts-loader',
exclude: /node_modules/
},
... other rules
]
},
resolve: {
extensions: ['.js', '.ts'],
}
我的tsconfig.json
文件包含针对project-server
需要JS文件的特定配置。具体地说,"outDir": "../project-server/src/main/resources/static"
因此,我不确定如何配置Webpack/ts-loader以正确解析导入语句。
resolve-typescript-plugin
并在尝试后报告结果。 - Mark Hanna