react import改為絕對路徑
阿新 • • 發佈:2018-02-11
highlight nbsp del pack rom class obj ice css
最近在使用react時發現路徑用../../很不方便,特別是修改項目結構時,加減../都能改到吐血,
所有在網上找了半天webpack的配置,特此記錄下
module.exports = (webpackConfig) => { const config = Object.create(webpackConfig); config.resolve = { extensions: [‘.js‘, ‘.jsx‘, ‘.json‘, ‘.scss‘, ‘.css‘], alias: { ‘@‘: `${__dirname}/src/`, ‘static‘: `${__dirname}/src/static/`, ‘utils‘: `${__dirname}/src/utils/`, ‘config‘: `${__dirname}/src/config/`, ‘views‘: `${__dirname}/src/views/`, ‘services‘: `${__dirname}/src/services/`, ‘components‘: `${__dirname}/src/components/`, ‘models‘: `${__dirname}/src/models/` } }; return config; };
調用
import {arrayNullToString} from ‘utils/help/ArrayHelp‘
不用再../了!
react import改為絕對路徑