Ich schreibe zwei Projekte, beide in js. Webpack und Babel werden verwendet. Ich möchte den Ordner common
erstellen, der Dateien enthält, die in jedem Projekt verwendet werden. Zum Beispiel einige Konstanten usw.Importieren von Dateien von außerhalb des Projekts
So habe ich eine solche Struktur:
|- project
|- server
|- config
|- webpack.config.js
|- package.json
|- .babelrc
|- ...
|- client
|- config
|- webpack.config.js
|- package.json
|- .babelrc
|- index.js
|- ...
|- common
|- constants
|- http-codes.js
Aber es schien, dass es unmöglich ist, Dateien außerhalb des Projekts zu importieren. z.B. es ist unmöglich, solch einen Import in client/index.js
zu tätigen: import * from '../common/constants/http-codes.js'
Haben Sie irgendwelche Ideen, wie solche Importe getan werden könnten?
Update:
Dateien:
common/constants/http-codes.js
:
export const SUCCESS = 200;
...
client/index.js
:
import { SUCCESS } from 'common/constants/http-codes.js';
...
console.log(SUCCESS);
client/config/webpack.config.js
:
...
const PATHS = {
app: path.resolve(__dirname, '../'),
build: path.resolve(__dirname, '../build'),
common: path.resolve(__dirname, '../../common')
};
...
module.exports = {
resolve: {
extensions: [ '', '.js', '.jsx', '.styl' ],
alias: {
...,
common: PATHS.common
}
},
...
}
''common/constants/http-codes.js';' Sollte das nicht '' ../ common/constants/http-codes.js 'sein? '? – saadq
@saadq, Es muss nicht, weil ich Webpacks Alias verwendet habe. –