webpack别名

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)
You Might Also Like
发表评论