表題がうまくつけられず、分かりにくかったらすいません。修正提案で良いタイトルを付けていただけるとありがたいです。
以下の用なwebpack.config.jsが自分が想定するイメージです。
module.exports = { //... resolve: { alias: { Utilities: [ path.resolve(__dirname, 'src/utilities/'), path.resolve(__dirname, 'node_modules/baseProject/src/utilities/'), ], Templates: [ path.resolve(__dirname, 'src/templates/'), path.resolve(__dirname, 'node_modules/baseProject/src/templates/'), ] } } };
何がやりたいかといいますと、ソースコード上で
import Utility from 'Utilities/utility';
と書いた場合に、最初にprojectB/src/utilities/utility
を探し、
なかったら、projectB/node_modules/baseProject/src/utilities/utility
を探しに行くという挙動を欲しています。
経緯
あるプロジェクトがあり、baseProjectという名前でフロントエンドをwebpackでビルドしています。
新しい案件でprojectBなるものが出来、基本的にbaseProjectのプロジェクトをベースとしたいのです。
そこでprojectB/src配下にはフロントエンドのソースコードの差分のみ配置したく考えており、
webpack側でうまいこと差分とbaseをマージしてimportするような挙動を欲しています。
あなたの回答
tips
プレビュー