webpack配置resolve详解

webpack配置resolve详解resolve:解析模块规则resolve:{//配置解析模块路径别名,优点:简写路径,缺点:路径没有提示//’src/css/index.css’->’$css/index.css’alias:{$css:resolve(__dirname,’src/css’)},//配置省略文件路径的后缀名’xxx.js’->’xxx’//使用这个配置时切记不可以起名字相同的文件,比如index.js

大家好,欢迎来到IT知识分享网。webpack配置resolve详解"

resolve: 解析模块规则

resolve: {
    // 配置解析模块路径别名,优点:简写路径,缺点:路径没有提示
    // 'src/css/index.css' -> '$css/index.css'
    alias: {
        $css: resolve(__dirname, 'src/css')
    },
    // 配置省略文件路径的后缀名 'xxx.js'->'xxx'
    // 使用这个配置时切记不可以起名字相同的文件,比如index.js和index.css,那么在引入index.css的时候可能会引成index.js
    extensions: ['.js', '.json', '.jsx', '.css'],
    // 告诉webpack解析模块是去哪个目录找,能够准确到找到node_modules所在的路径,而不是一层一层的去查找
    modules: [resolve(__dirname, '../../node_modules'), 'node_modules']
}

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/11663.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信