私はインポートする必要があるため

Question

では反応輸入ルートパスヘルパーを反応させるのは、私はこの問題

import approxPerDay from '../../../utils/approxPerDay.js' 
import otherstuff from '../components/otherstuff' 

、別のファイルにそれがimport approxPerDay from '../utils/approxPerDay.js'

それは本当にハードだと時間が見つけるためにかかる可能性を持っているヘルパーやコンポーネントを変化させます相対パスです。 npmやヘルパーがこの問題を解決できるかどうか

Answer 1

あなたのモジュールバンドラによって異なります。 Webpack 2のためのあなたはこのような何か行うことができます：あなたはこのようなネイティブパスとしてsrcを使用することができるようになりますたより

module.exports = { 
    ... 

    resolve: { 
     root: [ 
      path.resolve(__dirname + '/src') 
     ], 
     alias: { 
      src: path.resolve(__dirname + '/src') 
     } 
    }, 

    ... 
} 

：

module.exports = { 
    ... 

    resolve: { 
     modules: [ 
      'node_modules', 
      path.resolve(__dirname + '/src') 
     ], 
     alias: { 
      src: path.resolve(__dirname + '/src') 
     } 
    }, 

    ... 
} 

同じWebpack 1ために

import approxPerDay from 'src/utils/approxPerDay.js' 
import otherstuff from '../components/otherstuff'