У меня есть 2 пакета: «общий» и «веб». Они оба используют TypeScript. Я использую веб-пакет с babel-loader в «сети». Когда я символическую ссылку «разделяю», он не может скомпилировать свой TypeScript.
Эта проблема предлагает использовать symlinks: false
в webpack.config.js, но не работает: https://github.com/webpack/webpack/issues/1643
Папкаструктура:
root
│
└───shared
│ │ package.json
│ │ UseMe.ts
│
└───web
│ .babelrc
│ index.ts
│ package.json
│ tsconfig.json
│ webpack.config.js
shared \ package.json
{
"name": "shared",
"version": "1.0.0",
"description": "",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"typescript": "^3.6.4"
}
}
shared \ UseMe.ts
class UseMe {
prop: string
}
export default UseMe;
web \ .babelrc
{
"presets": [
"@babel/preset-typescript"
]
}
web \ index.ts
import UseMe from 'shared/UseMe';
const x = new UseMe();
web \ package.json
{
"name": "web",
"version": "1.0.0",
"description": "",
"main": "index.js",
"author": "",
"license": "ISC",
"scripts": {
"build": "webpack"
},
"dependencies": {
"@babel/core": "^7.2.2",
"@babel/preset-typescript": "^7.1.0",
"babel-loader": "^8.0.5",
"webpack": "^4.29.3",
"webpack-cli": "^3.2.3"
},
"devDependencies": {
"typescript": "^3.3.3"
}
}
web \ tsconfig.json
{
"compilerOptions": {
"outDir": "./dist/",
"noImplicitAny": true,
"module": "commonjs",
"esModuleInterop": true,
"target": "es6",
}
}
web \ webpack.config. js
const path = require('path');
module.exports = {
entry: './index.ts',
output: {
path: path.join(__dirname, './dist'),
filename: 'bundle.js'
},
resolve: {
extensions: ['.ts', '.tsx', '.js'],
symlinks: false
},
module: {
rules: [
{
test: /\.(ts|js|tsx)?$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader'
},
}
]
}
};
Команды:
cd shared
npm install
npm link
cd ..\web
npm install
npm link shared
npm run build
Ошибка:
ERROR in ./node_modules/shared/UseMe.ts 2:8
Module parse failed: Unexpected token (2:8)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| class UseMe {
> prop: string
| }
|