我的目录结构如下:
junit_family=xunit1
我的问题是projectRoot
├── project-server
│ ├── src
│ └── pom.xml
├── project-ui
│ ├── tsconfig.json
│ └── src
│ └── file.ts. (imports ./file.js)
使用了转译的js文件,因此需要使用project-server
扩展名来解析文件。我正在使用webpack-dev-server进行开发并使用.js
,但出现以下错误:
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
需要js文件的位置的配置。即
project-server
所以我不确定如何配置Webpack / ts-loader来正确解析导入语句。