webpack别名设置:参考文档
设置完别名之后,就可以在项目中使用import引入其他文件的时候可以直接用别名,比如:
webpack配置信息
module.exports = {
//…
resolve: {
alias: {
RESOURCES: path.resolve(__dirname, ‘src/resources/’),
}
}
};
Demo.js
import logo from ‘RESOURCES/images/logo.png’
或者在demo.scss中使用
background: url(~RESOURCES/images/bg.png)