解決ES6導入路徑2

Question

我的文件夾結構如下：

- test 
    - scripts 
     index.js 
     user.js 
- default 
    - scripts 
     index.js 
     api.js 
     user.js 

我需要在本地解決的導入路徑（‘測試’的目錄），而在發生故障時的備用應通過「默認」目錄解決。

測試/腳本/ index.js的代碼是：

import api from 'scripts/api'; // should be taken from 'default' 
import user from 'scripts/user; // should take the local 'user.js' 
... 

我使用的WebPack 2.1.0具有以下配置：

... 
resolve: { 
    modules: [ 
     path.resolve('./default') 
    ] 
} 
... 

這種結構使的WebPack解決所有模塊'script/*'通過「默認」路徑，而相對的'./script/*'路徑永遠不會從模塊的目錄中跳出，因此不能使用相對路徑作爲回退。

好像resolve.fallback不受的WebPack 2

支持我試圖插件寫normal-module-factory->before-resolve，但我收到的唯一路徑是進入通道。

是否有任何可能的配置來解決這個問題？ 正在編寫自定義加載器可能是解決方案嗎？

感謝

Answer 1

你可以嘗試使用這個

resolve: { 
    modules: [ 
    path.resolve(__dirname, 'path/to/source-folder'), 
    path.resolve(__dirname, 'path/to/fallback-folder'), 
    'node_modules', 
    ] 
} 

或嘗試這個插件： https://www.npmjs.com/package/webpack-fallback-directory-resolver-plugin